{"offset":1,"limit":25,"max":25,"nbHits":26,"exhaustiveNbHits":false,"processingTimeMs":10,"query":"","search":false,"response":{"exist_filter":"segmentoID:6 AND aplicacaoMotoMontadoras:\"Honda\" AND aplicacaoMotoGrupo:\"Suspens\u00e3o\"","docs":[{"ecommerceNomeCompleto":"Caixa de Dire\u00e7\u00e3o para Honda Bros 03>08, XLR125, XLR, NX 400 Falcon, XR, Tornado","ecommerceNome":"Caixa de Dire\u00e7\u00e3o para Honda","ecommerceBusca":"Caixa de Dire\u00e7\u00e3o para Honda Bros 03>08, XLR125, XLR, NX 400 Falcon, XR, Tornado Caixa de Dire\u00e7\u00e3o para Honda 32005X26","produtoNome":"Rolamento de Rolos C\u00f4nicos","produtoModelo":"32005X\/26","produtoModeloBusca":"32005X26","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"14965","produtoID":14965,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-04-27 16:31:21","catalogoID":31980,"produtoPeso":"0.1150","produtoMedida":"26x47x15","produtoEmbalagem":"Caixinha Individual","categoriaID":968,"categoriaSEO":"caixa-de-direcao","categoriaNome":"Caixa de Dire\u00e7\u00e3o","categoriaTitulo":"Caixa de Dire\u00e7\u00e3o para Motos PPK | Pilotagem Segura com PPK","categoriaPalavrasChaves":"Caixa de Dire\u00e7\u00e3o, Caixa Dire\u00e7\u00e3o Motos, Caixa Dire\u00e7\u00e3o PPK, PPK motope\u00e7as, PPK,  moto pe\u00e7a PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"A Caixa de Dire\u00e7\u00e3o PPK \u00e9 indicada para motos que rodam tanto em centros urbanos como em terrenos acidentados, oferecendo uma pilotagem mais suave e segura.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Caixa de Dire\u00e7\u00e3o Honda Bros 03>08, XLR125, NX 400 Falcon","ecommerceDescricao":"Bros 03>08, XLR125, XLR, NX 400 Falcon, XR, Tornado","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Caixa de Dire\u00e7\u00e3o 32005X-26 PPK para Honda Bros | PPK Motoparts","ecommerceSeoDescricao":"A Caixa de Dire\u00e7\u00e3o 32005X-26 PPK para Honda Bros voc\u00ea encontra na PPK. Temos uma linha completa de Caixa de Dire\u00e7\u00e3o para Honda e muito mais. Caixa de Dire\u00e7\u00e3o \u00e9 PPK Motoparts.","ecommerceSeoPalavrasChaves":"caixa de dire\u00e7\u00e3o, caixa de dire\u00e7\u00e3o ppk, caixa de dire\u00e7\u00e3o honda, caixa de dire\u00e7\u00e3o bros, PPK Motoparts, Caixa Dire\u00e7\u00e3o 32005X-26","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"1648367\", \"1648773\", \"1648375\", \"1777\"]","codigoOriginal":null,"codigoSimilar":null,"ecommerceCaracteristicas":"Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100","categoriaOrdem":"3","produtoVIP":"5","aplicacaoMoto":["Caixa de dire\u00e7\u00e3o"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["NX","NXR","XLR","XR"],"aplicacaoMotoGrupo":["Suspens\u00e3o"],"aplicacaoMotoSubGrupo":["Coluna de dire\u00e7\u00e3o"],"aplicacaoMotoCompleto":["Caixa de dire\u00e7\u00e3o, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o"],"aplicacaoMotoModelosCompleto":["Honda XLR 125 "],"produtoPrecoConsumidor":8.93,"produtoEstoque":0,"material":"A\u00e7o cromo SAE 52100","_matchesInfo":[],"contador":1,"chave":0,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/14965.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/14965.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/14965.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"32005X\/26 Rolamento para Caixa de Dire\u00e7\u00e3o","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50115\/50115.jpg?version=7.73"},{"id":2,"grupo":"Galeria de Produto","nome":"32005X\/26 Rolamento para Caixa de Dire\u00e7\u00e3o","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50116\/50116.jpg?version=7.73"}],"produtoGaleriaTotal":2,"produtoBusca":"32005X\/26 Caixa de Dire\u00e7\u00e3o para Honda Bros 03>08, XLR125, XLR, NX 400 Falcon, XR, Tornado PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-de-rolos-conicos-32005x-26-ppk\/14965","aplicacao":"\/produto\/caixa-de-direo-para-honda-bros-0308-xlr125-xlr-nx-400-falcon-xr-tornado-caixa-de-direo-para-honda-32005x26\/14965","modal":"\/modal\/rolamento-de-rolos-conicos-32005x-26-ppk\/14965"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"}],"codigoOriginalLista":false,"codigoSimilarLista":false},{"ecommerceNomeCompleto":"Rolamento Roda Traseira Suzuki Srad 750 | Transmiss\u00e3o Dianteira Quadriciclo Fourtrax 420 08>20","ecommerceNome":"Rolamento Roda Traseira Suzuki","ecommerceBusca":"Rolamento Roda Traseira Suzuki Srad 750 | Transmiss\u00e3o Dianteira Quadriciclo Fourtrax 420 08>20 Rolamento Roda Traseira Suzuki 60322RSC3","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"60\/32-2RSC3","produtoModeloBusca":"60322RSC3","produtoMarca":"MAK","ecommerceDescricaoSinonimos":null,"id":"14618","produtoID":14618,"produtoHabilitado":1,"catalogoAtualizadoEm":"2024-04-17 13:47:33","catalogoID":38056,"produtoPeso":"0.1300","produtoMedida":"32x58x13","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento Roda Traseira Suzuki Srad 750 | Transmiss\u00e3o Dianteira Fourtrax 420","ecommerceDescricao":"Srad 750 | Transmiss\u00e3o Dianteira Quadriciclo Fourtrax 420 08>20","ecommerceComplemento":"Garfo Traseiro Fourtrax 420 14>20","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":null,"ecommerceSeoDescricao":null,"ecommerceSeoPalavrasChaves":null,"ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Honda:91055-HN5-681; Honda:91055-HP5-601; Honda:91062-HA7-672","codigoSimilar":null,"ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C3; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":["Garfo"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["Fourtrax"],"aplicacaoMotoGrupo":["Suspens\u00e3o","Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["Garfo"],"aplicacaoMotoCompleto":["Garfo, Suspens\u00e3o, Garfo"],"aplicacaoMotoModelosCompleto":["Honda Fourtrax 420 08>20","Honda Fourtrax 420 14>20"],"produtoPrecoConsumidor":0,"produtoEstoque":0,"blindagem":"Vedado 2 lados","_matchesInfo":[],"contador":2,"chave":1,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/14618.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/14618.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/14618.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"60\/32-2RSC3 Rolamento Roda Traseira Suzuki Srad 750 | Transmiss\u00e3o Dianteira Quadriciclo Fourtrax 420 08>20 MAK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"mak","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-60-32-2rsc3-mak\/14618","aplicacao":"\/produto\/rolamento-roda-traseira-suzuki-srad-750--transmisso-dianteira-quadriciclo-fourtrax-420-0820-rolamento-roda-traseira-suzuki-60322rsc3\/14618","modal":"\/modal\/rolamento-rigido-de-esferas-60-32-2rsc3-mak\/14618"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Honda","value":"91055-HN5-681"},{"name":"Honda","value":"91055-HP5-601"},{"name":"Honda","value":"91062-HA7-672"}],"codigoSimilarLista":false},{"ecommerceNomeCompleto":"Rolamento do Eixo do Comando de V\u00e1lvulas Yamaha YBR 125, Factor 125- Lado Esquerdo | Tampa Lateral Esquerda Honda PCX 150 \/ 160 | XTZ125 \/ 150 Crosser, Fazer YS150, Factor 150 - Lado Direito","ecommerceNome":"Rolamento do Eixo do Comando de V\u00e1lvulas Yamaha","ecommerceBusca":"Rolamento do Eixo do Comando de V\u00e1lvulas Yamaha YBR 125, Factor 125- Lado Esquerdo | Tampa Lateral Esquerda Honda PCX 150 \/ 160 | XTZ125 \/ 150 Crosser, Fazer YS150, Factor 150 - Lado Direito Rolamento do Eixo do Comando de V\u00e1lvulas Yamaha 60022RSC3","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6002-2RSC3","produtoModeloBusca":"60022RSC3","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"338","produtoID":338,"produtoHabilitado":1,"catalogoAtualizadoEm":"2024-05-03 20:28:52","catalogoID":32151,"produtoPeso":"0.0308","produtoMedida":"15x32x9","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento do Eixo do Comando de V\u00e1lvulas Lado Esquerdo YBR 125, Factor 125","ecommerceDescricao":"YBR 125, Factor 125- Lado Esquerdo | Tampa Lateral Esquerda Honda PCX 150 \/ 160 | XTZ125 \/ 150 Crosser, Fazer YS150, Factor 150 - Lado Direito","ecommerceComplemento":"Tampa Lateral Direita Quadriciclo Fourtrax 420 08>20","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento do Eixo do Comando de V\u00e1lvulas YBR125 | 6002-2RSC3 PPK","ecommerceSeoDescricao":"O Rolamento 6002-2RSC3 PPK \u00e9 aplicado do eixo do comando de v\u00e1lvulas YBR125 e Factor 125. Rolamento PPK, garantia de confiabilidade em rolamento de moto.","ecommerceSeoPalavrasChaves":"motope\u00e7a, rolamento, rolamento moto, rolamento 6002-2RSC3, 6002-2RSC3, rolamento YBR125, rolamento eixo comando v\u00e1lvulas, rolamento ppk, ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"338\", \"1646738\", \"1648376\", \"1646392\"]","codigoOriginal":"Honda:91005K1ZJ10; Honda:91005KVB900; Honda:91009-HF1-671; Honda:96100-60020; Suzuki:08120-60027; Suzuki:08123-60027; Yamaha:93306-002Y5","codigoSimilar":"FAG:6002-2RSRC3; Nachi:6002-2NSEC3; NSK:6002-DDUC3; NTN:6002-LLUC3; SKF:6002-2RS1C3","ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Classifica\u00e7\u00e3o:Rolamentos de Roda:5384; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Classifica\u00e7\u00e3o; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C3; Rolamentos de Roda; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"E","aplicacaoMoto":["Cubo de roda","Embreagem central","Garfo","Tampa do motor"],"aplicacaoMotoMontadoras":["Honda","Suzuki","Yamaha"],"aplicacaoMotoModelos":["CBX","CRYPTON","Fourtrax","LT","PCX","RM","XTZ","YBR"],"aplicacaoMotoGrupo":["Motor","Roda","Suspens\u00e3o","Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["Eixo de comando","Roda dianteira","Roda traseira","Suspens\u00e3o traseira","Tampa do motor"],"aplicacaoMotoCompleto":["Cubo de roda, Roda, Roda dianteira","Cubo de roda, Roda, Roda traseira","Embreagem central, Transmiss\u00e3o, Eixo de comando","Garfo, Suspens\u00e3o, Suspens\u00e3o traseira","Tampa do motor, Motor, Tampa do motor"],"aplicacaoMotoModelosCompleto":["Honda CBX 250 ","Honda Fourtrax 420 08>20","Suzuki LT 50 ","Suzuki RM 80 ","Yamaha CRYPTON 115 ","Yamaha XTZ 125 ","Yamaha YBR 125 "],"produtoPrecoConsumidor":1.78,"produtoEstoque":0,"blindagem":"Vedado 2 lados","_matchesInfo":[],"contador":3,"chave":2,"Caixinha Individual":true,"produtoSuporteForaLinha":"Fora de Linha","produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/338.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/338.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/338.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/53635\/53635.jpg?version=7.73"}],"produtoGaleriaTotal":1,"produtoBusca":"6002-2RSC3 Rolamento do Eixo do Comando de V\u00e1lvulas Yamaha YBR 125, Factor 125- Lado Esquerdo | Tampa Lateral Esquerda Honda PCX 150 \/ 160 | XTZ125 \/ 150 Crosser, Fazer YS150, Factor 150 - Lado Direito PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6002-2rsc3-ppk\/338","aplicacao":"\/produto\/rolamento-do-eixo-do-comando-de-vlvulas-yamaha-ybr-125-factor-125--lado-esquerdo--tampa-lateral-esquerda-honda-pcx-150--160--xtz125--150-crosser-fazer-ys150-factor-150---lado-direito-rolamento-do-eixo-do-comando-de-vlvulas-yamaha-60022rsc3\/338","modal":"\/modal\/rolamento-rigido-de-esferas-6002-2rsc3-ppk\/338"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Rolamentos de Roda"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Honda","value":"91005K1ZJ10"},{"name":"Honda","value":"91005KVB900"},{"name":"Honda","value":"91009-HF1-671"},{"name":"Honda","value":"96100-60020"},{"name":"Suzuki","value":"08120-60027"},{"name":"Suzuki","value":"08123-60027"},{"name":"Yamaha","value":"93306-002Y5"}],"codigoSimilarLista":[{"name":"FAG","value":"6002-2RSRC3"},{"name":"Nachi","value":"6002-2NSEC3"},{"name":"NSK","value":"6002-DDUC3"},{"name":"NTN","value":"6002-LLUC3"},{"name":"SKF","value":"6002-2RS1C3"}]},{"ecommerceNomeCompleto":"Rolamento do Eixo do Comando de V\u00e1lvulas Yamaha YBR 125, Factor 125 - Lado Esquerdo | XTZ125. XTZ150 Crosser,YS150 Fazer, Factor150 - Lado Direito","ecommerceNome":"Rolamento do Eixo do Comando de V\u00e1lvulas Yamaha","ecommerceBusca":"Rolamento do Eixo do Comando de V\u00e1lvulas Yamaha YBR 125, Factor 125 - Lado Esquerdo | XTZ125. XTZ150 Crosser,YS150 Fazer, Factor150 - Lado Direito Rolamento do Eixo do Comando de V\u00e1lvulas Yamaha 6002ZZ","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6002-ZZ","produtoModeloBusca":"6002ZZ","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"2812","produtoID":2812,"produtoHabilitado":1,"catalogoAtualizadoEm":"2024-04-12 20:20:56","catalogoID":33168,"produtoPeso":"0.0260","produtoMedida":"15x32x9","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento do Eixo do Comando de V\u00e1lvulas Lado Esquerdo YBR 125, Factor 125","ecommerceDescricao":"YBR 125, Factor 125 - Lado Esquerdo | XTZ125. XTZ150 Crosser,YS150 Fazer, Factor150 - Lado Direito","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":null,"ecommerceSeoDescricao":null,"ecommerceSeoPalavrasChaves":null,"ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":null,"codigoSimilar":null,"ecommerceCaracteristicas":"Blindagem:Blindado 2 lados:5385; Folga:normal:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; Blindado 2 lados; normal","categoriaOrdem":"1","produtoVIP":"E","aplicacaoMoto":["Cubo de roda","Embreagem central","Garfo"],"aplicacaoMotoMontadoras":["Honda","Suzuki","Yamaha"],"aplicacaoMotoModelos":["CBX","CRYPTON","LT","RM","XTZ","YBR"],"aplicacaoMotoGrupo":["Roda","Suspens\u00e3o","Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["Eixo de comando","Roda dianteira","Roda traseira","Suspens\u00e3o traseira"],"aplicacaoMotoCompleto":["Cubo de roda, Roda, Roda dianteira","Cubo de roda, Roda, Roda traseira","Embreagem central, Transmiss\u00e3o, Eixo de comando","Garfo, Suspens\u00e3o, Suspens\u00e3o traseira"],"aplicacaoMotoModelosCompleto":["Honda CBX 250 ","Suzuki LT 50 ","Suzuki RM 80 ","Yamaha CRYPTON 115 ","Yamaha XTZ 125 ","Yamaha YBR 125 "],"produtoPrecoConsumidor":0,"produtoEstoque":0,"blindagem":"Blindado 2 lados","_matchesInfo":[],"contador":4,"chave":3,"Caixinha Individual":true,"produtoSuporteForaLinha":"Fora de Linha","produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/2812.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/2812.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/2812.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"6002-ZZ Rolamento do Eixo do Comando de V\u00e1lvulas Yamaha YBR 125, Factor 125 - Lado Esquerdo | XTZ125. XTZ150 Crosser,YS150 Fazer, Factor150 - Lado Direito PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6002-zz-ppk\/2812","aplicacao":"\/produto\/rolamento-do-eixo-do-comando-de-vlvulas-yamaha-ybr-125-factor-125---lado-esquerdo--xtz125-xtz150-crosserys150-fazer-factor150---lado-direito-rolamento-do-eixo-do-comando-de-vlvulas-yamaha-6002zz\/2812","modal":"\/modal\/rolamento-rigido-de-esferas-6002-zz-ppk\/2812"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5385","name":"Blindagem","value":"Blindado 2 lados"},{"key":"5386","name":"Folga","value":"normal"}],"codigoOriginalLista":false,"codigoSimilarLista":false},{"ecommerceNomeCompleto":"Rolamento de Roda Dianteira\/ Traseira para Yamaha YBR125 Factor, YS150 Fazer, YS250 Fazer | Roda Dianteira Honda CG125 Titan\/Fan | Dafra Citycom 300 | Kawasaki Ninja 250 \/ 300 | Transmiss\u00e3o PCX 150 \/ 160","ecommerceNome":"Rolamento de Roda Dianteira\/ Traseira para Yamaha","ecommerceBusca":"Rolamento de Roda Dianteira\/ Traseira para Yamaha YBR125 Factor, YS150 Fazer, YS250 Fazer | Roda Dianteira Honda CG125 Titan\/Fan | Dafra Citycom 300 | Kawasaki Ninja 250 \/ 300 | Transmiss\u00e3o PCX 150 \/ 160 Rolamento de Roda Dianteira\/ Traseira para Yamaha 62022RSC3","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6202-2RSC3","produtoModeloBusca":"62022RSC3","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"2818","produtoID":2818,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-05-03 20:41:45","catalogoID":32113,"produtoPeso":"0.0460","produtoMedida":"15x35x11","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento da Roda Dianteira\/Traseira Fazer 250 | Dianteira CG125, Citycom 300, Ninja 250\/300","ecommerceDescricao":"YBR125 Factor, YS150 Fazer, YS250 Fazer | Roda Dianteira Honda CG125 Titan\/Fan | Dafra Citycom 300 | Kawasaki Ninja 250 \/ 300 | Transmiss\u00e3o PCX 150 \/ 160","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento de Roda 6202-2RSC3 para Factor 125, Fazer 150 e CG125 PPK","ecommerceSeoDescricao":"O Rolamento 6202-2RSC3 PPK \u00e9 aplicado na roda da Factor 125, Fazer 150 e CG125. Rolamento PPK, confiabilidade e seguran\u00e7a em rolamento de roda para sua moto.","ecommerceSeoPalavrasChaves":"motope\u00e7a, rolamento, rolamento moto, rolamento 6202-2RSC3, 6202-2RSC3, rolamento roda, rolamento CG125, rolamento Fazer 150, rolamento ppk, ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"348\", \"2717\", \"1777\", \"16312\"]","codigoOriginal":"Honda:91004KZR601; Honda:91014-KPS-732; Honda:91015-KK6-003; Honda:91053-KVK-902; Honda:96100-62020; Honda:96120-62020; Honda:96140-62020-10; Suzuki:08123-62027; Suzuki:08143-62027; Yamaha:93306-20205; Yamaha:93306-20209-00; Yamaha:93306-20209-09; Yamaha:93306-252Y5","codigoSimilar":"FAG:6202-2RSRC3; Nachi:6202-2NSEC3; NSK:6202-DDUC3; NTN:6202-LLUC3; SKF:6202-2RS1C3","ecommerceCaracteristicas":"Blindagem:Vedado 2 lados:5385; Folga:C3:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; C3; Vedado 2 lados","categoriaOrdem":"1","produtoVIP":"A","aplicacaoMoto":["\u00c1rvore secund\u00e1ria","Balan\u00e7a","Cubo de roda","Garfo"],"aplicacaoMotoMontadoras":["Dafra","Honda","Suzuki","Yamaha"],"aplicacaoMotoModelos":["BURGMAN","CB","CBR","CBX","CG","Citycom","CRYPTON","Elite","FAZER","INTRUDER","KATANA","NX","NX-4","NXR","RD","XL","XLX","XR","XRE","YBR"],"aplicacaoMotoGrupo":["Roda","Suspens\u00e3o","Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["Caixa de mudan\u00e7as","Coluna de dire\u00e7\u00e3o","Roda dianteira","Roda traseira","Suspens\u00e3o traseira"],"aplicacaoMotoCompleto":["\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as","Balan\u00e7a, Suspens\u00e3o, Suspens\u00e3o traseira","Cubo de roda, Roda, Roda dianteira","Cubo de roda, Roda, Roda traseira","Garfo, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o","Garfo, Suspens\u00e3o, Suspens\u00e3o traseira"],"aplicacaoMotoModelosCompleto":["Honda CB 300 ","Honda CB 400 ","Honda CB 500 ","Honda CBR 450 ","Honda CBX 150 88>92","Honda CBX 200 ","Honda CBX 450 ","Honda CG 125 ...>99","Honda CG 150 ","Honda NX 150 ","Honda NX 200 ","Honda NX-4 400 ","Honda NXR 125 ","Honda XL 125 84>95","Honda XL 250 ","Honda XLX 250 ","Honda XLX 350 ","Honda XR 200 ","Honda XR 250 ","Honda XRE 300 ","Suzuki BURGMAN 400 ","Suzuki Elite 125 ","Suzuki INTRUDER 125 ","Suzuki INTRUDER 250 ","Suzuki KATANA 125 ","Yamaha CRYPTON 150 ","Yamaha FAZER 250 ","Yamaha RD 135 ","Yamaha YBR 125 "],"produtoPrecoConsumidor":1.85,"produtoEstoque":0,"blindagem":"Vedado 2 lados","_matchesInfo":[],"contador":5,"chave":4,"Caixinha Individual":true,"produtoSuporteForaLinha":"Fora de Linha","produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/2818.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/2818.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/2818.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"6202-2RSC3 Rolamento R\u00edgido de Esferas","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50147\/50147.jpg?version=7.73"},{"id":2,"grupo":"Galeria de Produto","nome":"6202-2RSC3 Rolamento R\u00edgido de Esferas","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50148\/50148.jpg?version=7.73"},{"id":3,"grupo":"Galeria de Produto","nome":"6202-2RSC3 Rolamento R\u00edgido de Esferas","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50149\/50149.jpg?version=7.73"},{"id":4,"grupo":"Galeria de Produto","nome":"","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/53642\/53642.jpg?version=7.73"}],"produtoGaleriaTotal":4,"produtoBusca":"6202-2RSC3 Rolamento de Roda Dianteira\/ Traseira para Yamaha YBR125 Factor, YS150 Fazer, YS250 Fazer | Roda Dianteira Honda CG125 Titan\/Fan | Dafra Citycom 300 | Kawasaki Ninja 250 \/ 300 | Transmiss\u00e3o PCX 150 \/ 160 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6202-2rsc3-ppk\/2818","aplicacao":"\/produto\/rolamento-de-roda-dianteira-traseira-para-yamaha-ybr125-factor-ys150-fazer-ys250-fazer--roda-dianteira-honda-cg125-titanfan--dafra-citycom-300--kawasaki-ninja-250--300--transmisso-pcx-150--160-rolamento-de-roda-dianteira-traseira-para-yamaha-62022rsc3\/2818","modal":"\/modal\/rolamento-rigido-de-esferas-6202-2rsc3-ppk\/2818"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5385","name":"Blindagem","value":"Vedado 2 lados"},{"key":"5386","name":"Folga","value":"C3"}],"codigoOriginalLista":[{"name":"Honda","value":"91004KZR601"},{"name":"Honda","value":"91014-KPS-732"},{"name":"Honda","value":"91015-KK6-003"},{"name":"Honda","value":"91053-KVK-902"},{"name":"Honda","value":"96100-62020"},{"name":"Honda","value":"96120-62020"},{"name":"Honda","value":"96140-62020-10"},{"name":"Suzuki","value":"08123-62027"},{"name":"Suzuki","value":"08143-62027"},{"name":"Yamaha","value":"93306-20205"},{"name":"Yamaha","value":"93306-20209-00"},{"name":"Yamaha","value":"93306-20209-09"},{"name":"Yamaha","value":"93306-252Y5"}],"codigoSimilarLista":[{"name":"FAG","value":"6202-2RSRC3"},{"name":"Nachi","value":"6202-2NSEC3"},{"name":"NSK","value":"6202-DDUC3"},{"name":"NTN","value":"6202-LLUC3"},{"name":"SKF","value":"6202-2RS1C3"}]},{"ecommerceNomeCompleto":"Rolamento da Turbina para Jet Ski Kawasaki Moto Aqu\u00e1tica 750, 900, 1100, STX","ecommerceNome":"Rolamento da Turbina para Jet Ski Kawasaki","ecommerceBusca":"Rolamento da Turbina para Jet Ski Kawasaki Moto Aqu\u00e1tica 750, 900, 1100, STX Rolamento da Turbina para Jet Ski Kawasaki 6202ZZ","produtoNome":"Rolamento R\u00edgido de Esferas","produtoModelo":"6202-ZZ","produtoModeloBusca":"6202ZZ","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"2717","produtoID":2717,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-04-15 20:43:02","catalogoID":32111,"produtoPeso":"0.0460","produtoMedida":"15x35x11","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento da Turbina para Jet Ski Kawasaki 750, 900, 1100, STX","ecommerceDescricao":"Moto Aqu\u00e1tica 750, 900, 1100, STX","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento da Roda, Suspens\u00e3o e Transmiss\u00e3o 6202-ZZ PPK","ecommerceSeoDescricao":"Rolamentos PPK para moto para diversas aplica\u00e7\u00f5es, garantia de qualidade, seguran\u00e7a e durabilidade.","ecommerceSeoPalavrasChaves":"roda de moto, trasmiss\u00e3o, suspens\u00e3o, motope\u00e7as, motocicleta, rolamentos para moto, rolamentos ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"1647586\", \"2573\", \"448\", \"2710\"]","codigoOriginal":"Honda:91014-KPS-732; Honda:91015-KK6-003; Honda:91053-KVK-902; Honda:96100-62020; Honda:96120-62020; Honda:96140-62020-10; Kawasaki:920453721; Suzuki:08123-62027; Suzuki:08143-62027; Yamaha:93306-20205; Yamaha:93306-20209-00; Yamaha:93306-20209-09; Yamaha:93306-252Y5","codigoSimilar":"FAG:6202-2ZR; Nachi:6202-ZE; SKF:6202-2Z","ecommerceCaracteristicas":"Blindagem:Blindado 2 lados:5385; Folga:normal:5386; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Blindagem; Folga; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; Blindado 2 lados; normal","categoriaOrdem":"1","produtoVIP":"1","aplicacaoMoto":["\u00c1rvore secund\u00e1ria","Balan\u00e7a","Cubo de roda","Garfo"],"aplicacaoMotoMontadoras":["Honda","Suzuki","Yamaha"],"aplicacaoMotoModelos":["BURGMAN","CB","CBR","CBX","CG","CRYPTON","Elite","FAZER","INTRUDER","KATANA","NX","NX-4","NXR","RD","XL","XLX","XR","XRE","YBR"],"aplicacaoMotoGrupo":["Roda","Suspens\u00e3o","Transmiss\u00e3o"],"aplicacaoMotoSubGrupo":["Caixa de mudan\u00e7as","Coluna de dire\u00e7\u00e3o","Roda dianteira","Roda traseira","Suspens\u00e3o traseira"],"aplicacaoMotoCompleto":["\u00c1rvore secund\u00e1ria, Transmiss\u00e3o, Caixa de mudan\u00e7as","Balan\u00e7a, Suspens\u00e3o, Suspens\u00e3o traseira","Cubo de roda, Roda, Roda dianteira","Cubo de roda, Roda, Roda traseira","Garfo, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o","Garfo, Suspens\u00e3o, Suspens\u00e3o traseira"],"aplicacaoMotoModelosCompleto":["Honda CB 300 ","Honda CB 400 ","Honda CB 500 ","Honda CBR 450 ","Honda CBX 150 88>92","Honda CBX 200 ","Honda CBX 450 ","Honda CG 125 ...>99","Honda CG 150 ","Honda NX 150 ","Honda NX 200 ","Honda NX-4 400 ","Honda NXR 125 ","Honda XL 125 84>95","Honda XL 250 ","Honda XLX 250 ","Honda XLX 350 ","Honda XR 200 ","Honda XR 250 ","Honda XRE 300 ","Suzuki BURGMAN 400 ","Suzuki Elite 125 ","Suzuki INTRUDER 125 ","Suzuki INTRUDER 250 ","Suzuki KATANA 125 ","Yamaha CRYPTON 150 ","Yamaha FAZER 250 ","Yamaha RD 135 ","Yamaha YBR 125 "],"produtoPrecoConsumidor":0,"produtoEstoque":0,"blindagem":"Blindado 2 lados","_matchesInfo":[],"contador":6,"chave":5,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/2717.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/2717.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/2717.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"6202-ZZ Rolamento da Turbina para Jet Ski Kawasaki Moto Aqu\u00e1tica 750, 900, 1100, STX PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-rigido-de-esferas-6202-zz-ppk\/2717","aplicacao":"\/produto\/rolamento-da-turbina-para-jet-ski-kawasaki-moto-aqutica-750-900-1100-stx-rolamento-da-turbina-para-jet-ski-kawasaki-6202zz\/2717","modal":"\/modal\/rolamento-rigido-de-esferas-6202-zz-ppk\/2717"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5385","name":"Blindagem","value":"Blindado 2 lados"},{"key":"5386","name":"Folga","value":"normal"}],"codigoOriginalLista":[{"name":"Honda","value":"91014-KPS-732"},{"name":"Honda","value":"91015-KK6-003"},{"name":"Honda","value":"91053-KVK-902"},{"name":"Honda","value":"96100-62020"},{"name":"Honda","value":"96120-62020"},{"name":"Honda","value":"96140-62020-10"},{"name":"Kawasaki","value":"920453721"},{"name":"Suzuki","value":"08123-62027"},{"name":"Suzuki","value":"08143-62027"},{"name":"Yamaha","value":"93306-20205"},{"name":"Yamaha","value":"93306-20209-00"},{"name":"Yamaha","value":"93306-20209-09"},{"name":"Yamaha","value":"93306-252Y5"}],"codigoSimilarLista":[{"name":"FAG","value":"6202-2ZR"},{"name":"Nachi","value":"6202-ZE"},{"name":"SKF","value":"6202-2Z"}]},{"ecommerceNomeCompleto":"Rolamento da Suspens\u00e3o Pr\u00f3-Link Honda CBX200 Strada, NX350 Sahara, XR200 R, NX200, XLS125, XLR125, XLX350","ecommerceNome":"Rolamento da Suspens\u00e3o Pr\u00f3-Link Honda","ecommerceBusca":"Rolamento da Suspens\u00e3o Pr\u00f3-Link Honda CBX200 Strada, NX350 Sahara, XR200 R, NX200, XLS125, XLR125, XLX350 Rolamento da Suspens\u00e3o Pr\u00f3-Link Honda F110722","produtoNome":"Rolamento do Amortecedor Traseiro para Moto Honda","produtoModelo":"F-110722","produtoModeloBusca":"F110722","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"30027","produtoID":30027,"produtoHabilitado":0,"catalogoAtualizadoEm":"2023-10-06 19:51:02","catalogoID":32129,"produtoPeso":"0.0450","produtoMedida":"18x26x24","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento Suspens\u00e3o Pr\u00f3-Link Honda XLS125, XLR125, XLX350","ecommerceDescricao":"CBX200 Strada, NX350 Sahara, XR200 R, NX200, XLS125, XLR125, XLX350","ecommerceComplemento":"Rolos de agulha","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento F-110722 da Suspens\u00e3o Pr\u00f3-Link para CBX200, NX350 | PPK","ecommerceSeoDescricao":"Aplicado na suspens\u00e3o Pr\u00f3-Link da CBX200 e Sahara NX350, o Rolamento PPK F-110722 \u00e9 garantia de durabilidade e seguran\u00e7a para voc\u00ea rodar tranquilo com sua moto.","ecommerceSeoPalavrasChaves":"motope\u00e7as, ppk, rolamento ppk, rolamento moto, rolamento suspens\u00e3o, CBX200 STRADA, NX350 Sahara, rolamento F-110722, rolamento Pr\u00f3-link","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"1647294\", \"30028\", \"1646624\", \"997737\"]","codigoOriginal":"Honda:91078-KN5-30","codigoSimilar":null,"ecommerceCaracteristicas":"Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":["Pr\u00f3-link"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["CBX","NX","XLR","XLS","XLX","XR"],"aplicacaoMotoGrupo":["Suspens\u00e3o"],"aplicacaoMotoSubGrupo":["Suspens\u00e3o traseira"],"aplicacaoMotoCompleto":["Pr\u00f3-link, Suspens\u00e3o, Suspens\u00e3o traseira"],"aplicacaoMotoModelosCompleto":["Honda CBX 200 ","Honda NX 200 ","Honda NX 350 ","Honda XLR 125 ","Honda XLS 125 ","Honda XLX 350 ","Honda XR 200 "],"produtoPrecoConsumidor":3.99,"produtoEstoque":0,"material":"A\u00e7o cromo SAE 52100","_matchesInfo":[],"contador":7,"chave":6,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/30027.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/30027.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/30027.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"F-110722 Rolamento da Suspens\u00e3o Pr\u00f3-Link Honda CBX200 Strada, NX350 Sahara, XR200 R, NX200, XLS125, XLR125, XLX350 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-do-amortecedor-traseiro-para-moto-honda-f-110722-ppk\/30027","aplicacao":"\/produto\/rolamento-da-suspenso-pr-link-honda-cbx200-strada-nx350-sahara-xr200-r-nx200-xls125-xlr125-xlx350-rolamento-da-suspenso-pr-link-honda-f110722\/30027","modal":"\/modal\/rolamento-do-amortecedor-traseiro-para-moto-honda-f-110722-ppk\/30027"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"}],"codigoOriginalLista":[{"name":"Honda","value":"91078-KN5-30"}],"codigoSimilarLista":false},{"ecommerceNomeCompleto":"Rolamento do Amortecedor Traseiro Honda CBX200 Strada, XR200R, NX200","ecommerceNome":"Rolamento do Amortecedor Traseiro Honda","ecommerceBusca":"Rolamento do Amortecedor Traseiro Honda CBX200 Strada, XR200R, NX200 Rolamento do Amortecedor Traseiro Honda F110723","produtoNome":"Rolamento Balanca Pro Link Xlr Nx Xr Sahara Peq F110723","produtoModelo":"F-110723","produtoModeloBusca":"F110723","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"30030","produtoID":30030,"produtoHabilitado":0,"catalogoAtualizadoEm":"2023-10-06 20:00:54","catalogoID":32130,"produtoPeso":"0.0250","produtoMedida":"16x22x19","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento do Amortecedor Traseiro Honda CBX200 Strada, XR200R","ecommerceDescricao":"CBX200 Strada, XR200R, NX200","ecommerceComplemento":"Rolos de agulha","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento F-110723 do Amortecedor Traseiro CBX200 Strada | PPK","ecommerceSeoDescricao":"Aplicado no Amortecedor Traseiro da Honda CBX200 Strada, o Rolamento PPK F-110723 \u00e9 garantia de durabilidade e seguran\u00e7a para voc\u00ea rodar tranquilo com sua moto.","ecommerceSeoPalavrasChaves":"motope\u00e7as, ppk, rolamento ppk, rolamento moto, rolamento amortecedor, rolamento CBX200 Strada, rolamento F-110723, rolamento amortecedor traseiro","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"1777\", \"30028\", \"30027\", \"1647294\"]","codigoOriginal":"Honda:91071-KBB-9010-M1","codigoSimilar":null,"ecommerceCaracteristicas":"Classifica\u00e7\u00e3o:Rolamentos do Amortecedor:5384; Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Classifica\u00e7\u00e3o; Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100; Rolamentos do Amortecedor","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":["Garfo"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["CBX","NX","XR"],"aplicacaoMotoGrupo":["Suspens\u00e3o"],"aplicacaoMotoSubGrupo":["Suspens\u00e3o traseira"],"aplicacaoMotoCompleto":["Garfo, Suspens\u00e3o, Suspens\u00e3o traseira"],"aplicacaoMotoModelosCompleto":["Honda CBX 200 ","Honda NX 200 ","Honda XR 200 "],"produtoPrecoConsumidor":3.91,"produtoEstoque":0,"classificacao":"Rolamentos do Amortecedor","_matchesInfo":[],"contador":8,"chave":7,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/30030.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/30030.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/30030.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"F-110723 Rolamento do Amortecedor Traseiro Honda CBX200 Strada, XR200R, NX200 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-balanca-pro-link-xlr-nx-xr-sahara-peq-f110723-f-110723-ppk\/30030","aplicacao":"\/produto\/rolamento-do-amortecedor-traseiro-honda-cbx200-strada-xr200r-nx200-rolamento-do-amortecedor-traseiro-honda-f110723\/30030","modal":"\/modal\/rolamento-balanca-pro-link-xlr-nx-xr-sahara-peq-f110723-f-110723-ppk\/30030"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"},{"key":"5384","name":"Classifica\u00e7\u00e3o","value":"Rolamentos do Amortecedor"}],"codigoOriginalLista":[{"name":"Honda","value":"91071-KBB-9010-M1"}],"codigoSimilarLista":false},{"ecommerceNomeCompleto":"Rolamento da Suspens\u00e3o Pr\u00f3-Link Honda XR 250 Tornado, CBX 250 Twister, XRE 300, NX 400 Falcon","ecommerceNome":"Rolamento da Suspens\u00e3o Pr\u00f3-Link Honda","ecommerceBusca":"Rolamento da Suspens\u00e3o Pr\u00f3-Link Honda XR 250 Tornado, CBX 250 Twister, XRE 300, NX 400 Falcon Rolamento da Suspens\u00e3o Pr\u00f3-Link Honda F110820","produtoNome":"ROLAMENTO  AGULHA","produtoModelo":"F-110820","produtoModeloBusca":"F110820","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"32614","produtoID":32614,"produtoHabilitado":0,"catalogoAtualizadoEm":"2023-10-06 20:14:53","catalogoID":34078,"produtoPeso":"0.0390","produtoMedida":"17x24x25","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento da Suspens\u00e3o Pr\u00f3-Link Honda XR 250 Tornado, CBX 250 Twister","ecommerceDescricao":"XR 250 Tornado, CBX 250 Twister, XRE 300, NX 400 Falcon","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento F-110820 da Suspens\u00e3o Pr\u00f3-Link Tornado XR250 | PPK","ecommerceSeoDescricao":"O Rolamento F-110820 PPK \u00e9 aplicado na Suspens\u00e3o Pr\u00f3-Link da Honda Tornado XR250 e Twister CBX250. Rolamento PPK, durabilidade e seguran\u00e7a para sua moto.","ecommerceSeoPalavrasChaves":"motope\u00e7as, ppk, rolamento ppk, rolamento moto, rolamento suspens\u00e3o, Tornado XR250, rolamento F-110820, rolamento Pr\u00f3-link, rolamento suspens\u00e3o honda","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":"Honda:91073-KPE-9010-M","codigoSimilar":null,"ecommerceCaracteristicas":"Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":["Pr\u00f3-link"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["CBX","NX","XR","XRE"],"aplicacaoMotoGrupo":["Suspens\u00e3o"],"aplicacaoMotoSubGrupo":["Roda traseira"],"aplicacaoMotoCompleto":["Pr\u00f3-link, Suspens\u00e3o, Roda traseira"],"aplicacaoMotoModelosCompleto":null,"produtoPrecoConsumidor":4.93,"produtoEstoque":0,"material":"A\u00e7o cromo SAE 52100","_matchesInfo":[],"contador":9,"chave":8,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/32614.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/32614.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/32614.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"F-110820 Rolamento da Suspens\u00e3o Pr\u00f3-Link Honda XR 250 Tornado, CBX 250 Twister, XRE 300, NX 400 Falcon PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-agulha-f-110820-ppk\/32614","aplicacao":"\/produto\/rolamento-da-suspenso-pr-link-honda-xr-250-tornado-cbx-250-twister-xre-300-nx-400-falcon-rolamento-da-suspenso-pr-link-honda-f110820\/32614","modal":"\/modal\/rolamento-agulha-f-110820-ppk\/32614"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"}],"codigoOriginalLista":[{"name":"Honda","value":"91073-KPE-9010-M"}],"codigoSimilarLista":false},{"ecommerceNomeCompleto":"Rolamento do Centro da Suspens\u00e3o Pr\u00f3-Link Honda XR 250 Tornado, CBX 250 Twister, XRE 300, NX 400 Falcon - todos os modelos","ecommerceNome":"Rolamento do Centro da Suspens\u00e3o Pr\u00f3-Link Honda","ecommerceBusca":"Rolamento do Centro da Suspens\u00e3o Pr\u00f3-Link Honda XR 250 Tornado, CBX 250 Twister, XRE 300, NX 400 Falcon - todos os modelos Rolamento do Centro da Suspens\u00e3o Pr\u00f3-Link Honda F110821","produtoNome":"ROLAMENTO  AGULHA","produtoModelo":"F-110821","produtoModeloBusca":"F110821","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"32613","produtoID":32613,"produtoHabilitado":0,"catalogoAtualizadoEm":"2023-10-06 20:13:33","catalogoID":34079,"produtoPeso":"0.0270","produtoMedida":"17x24x17","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento do Centro da Suspens\u00e3o Pr\u00f3-Link Honda XR 250 Tornado, CBX 250 Twister","ecommerceDescricao":"XR 250 Tornado, CBX 250 Twister, XRE 300, NX 400 Falcon - todos os modelos","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento F-110821 do Centro Suspens\u00e3o Pr\u00f3-Link Tornado XR250 | PPK","ecommerceSeoDescricao":"O Rolamento F-110821 PPK \u00e9 aplicado no Centro da Suspens\u00e3o Pr\u00f3-Link da Honda Tornado XR250 e Twister CBX250. Rolamento PPK, durabilidade e seguran\u00e7a para sua moto.","ecommerceSeoPalavrasChaves":"motope\u00e7as, ppk, rolamento ppk, rolamento moto, rolamento centro suspens\u00e3o, rolamento Tornado XR250, rolamento F-110821, rolamento Pr\u00f3-link,","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":null,"codigoOriginal":null,"codigoSimilar":null,"ecommerceCaracteristicas":"Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":["Pr\u00f3-link"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["CBX","NX","XR","XRE"],"aplicacaoMotoGrupo":["Suspens\u00e3o"],"aplicacaoMotoSubGrupo":["Roda traseira"],"aplicacaoMotoCompleto":["Pr\u00f3-link, Suspens\u00e3o, Roda traseira"],"aplicacaoMotoModelosCompleto":null,"produtoPrecoConsumidor":4.17,"produtoEstoque":0,"material":"A\u00e7o cromo SAE 52100","_matchesInfo":[],"contador":10,"chave":9,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/32613.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/32613.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/32613.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"F-110821 Rolamento do Centro da Suspens\u00e3o Pr\u00f3-Link Honda XR 250 Tornado, CBX 250 Twister, XRE 300, NX 400 Falcon - todos os modelos PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-agulha-f-110821-ppk\/32613","aplicacao":"\/produto\/rolamento-do-centro-da-suspenso-pr-link-honda-xr-250-tornado-cbx-250-twister-xre-300-nx-400-falcon---todos-os-modelos-rolamento-do-centro-da-suspenso-pr-link-honda-f110821\/32613","modal":"\/modal\/rolamento-agulha-f-110821-ppk\/32613"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"}],"codigoOriginalLista":false,"codigoSimilarLista":false},{"ecommerceNomeCompleto":"Rolamento da Suspens\u00e3o Pr\u00f3-Link Honda Twister CBX250, Bros NXR125 03>05, NXR150 | Yamaha Crosser XTZ150, Fazer YS250","ecommerceNome":"Rolamento da Suspens\u00e3o Pr\u00f3-Link","ecommerceBusca":"Rolamento da Suspens\u00e3o Pr\u00f3-Link Honda Twister CBX250, Bros NXR125 03>05, NXR150 | Yamaha Crosser XTZ150, Fazer YS250 Rolamento da Suspens\u00e3o Pr\u00f3-Link F113101","produtoNome":"Rolamento da Suspens\u00e3o Pro-Link Honda Twister","produtoModelo":"F-113101","produtoModeloBusca":"F113101","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"30028","produtoID":30028,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-04-10 17:45:32","catalogoID":32107,"produtoPeso":"0.0300","produtoMedida":"17x24x20","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento Suspens\u00e3o Pr\u00f3-Link Honda Bros NXR125 \/ NXR150 03>05","ecommerceDescricao":"Honda Twister CBX250, Bros NXR125 03>05, NXR150 | Yamaha Crosser XTZ150, Fazer YS250","ecommerceComplemento":"Rolos de agulha","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento F-113101 para Suspens\u00e3o Pr\u00f3-Link Twister CBX250 | PPK","ecommerceSeoDescricao":"Aplicado na suspens\u00e3o Pr\u00f3-Link da Twister CBX250, o Rolamento PPK F-113101 \u00e9 garantia de durabilidade e seguran\u00e7a para voc\u00ea rodar tranquilo com sua moto.","ecommerceSeoPalavrasChaves":"motope\u00e7as, ppk, rolamento ppk, rolamento moto, rolamento suspens\u00e3o, Twister CBX250, rolamento F-113101, rolamento Pr\u00f3-link,","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"30027\", \"997737\", \"1647294\", \"1777\"]","codigoOriginal":"Honda:91072-KT7-0030; Yamaha:93315-31758-00; Yamaha:93315-31759","codigoSimilar":"Rugata:TA-1720","ecommerceCaracteristicas":"Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":["Pr\u00f3-link"],"aplicacaoMotoMontadoras":["Honda","Yamaha"],"aplicacaoMotoModelos":["CBX","NXR","XTZ","YS"],"aplicacaoMotoGrupo":["Suspens\u00e3o"],"aplicacaoMotoSubGrupo":["Suspens\u00e3o traseira"],"aplicacaoMotoCompleto":["Pr\u00f3-link, Suspens\u00e3o, Suspens\u00e3o traseira"],"aplicacaoMotoModelosCompleto":["Honda CBX 250 ","Honda NXR 125 03>05","Honda NXR 150 ","Yamaha XTZ 150 ","Yamaha YS 250 "],"produtoPrecoConsumidor":4.93,"produtoEstoque":0,"material":"A\u00e7o cromo SAE 52100","_matchesInfo":[],"contador":11,"chave":10,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/30028.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/30028.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/30028.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"F-113101 Rolamento da Suspens\u00e3o Pr\u00f3-Link Honda Twister CBX250, Bros NXR125 03>05, NXR150 | Yamaha Crosser XTZ150, Fazer YS250 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/rolamento-da-suspensao-pro-link-honda-twister-f-113101-ppk\/30028","aplicacao":"\/produto\/rolamento-da-suspenso-pr-link-honda-twister-cbx250-bros-nxr125-0305-nxr150--yamaha-crosser-xtz150-fazer-ys250-rolamento-da-suspenso-pr-link-f113101\/30028","modal":"\/modal\/rolamento-da-suspensao-pro-link-honda-twister-f-113101-ppk\/30028"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"}],"codigoOriginalLista":[{"name":"Honda","value":"91072-KT7-0030"},{"name":"Yamaha","value":"93315-31758-00"},{"name":"Yamaha","value":"93315-31759"}],"codigoSimilarLista":[{"name":"Rugata","value":"TA-1720"}]},{"ecommerceNomeCompleto":"Rolamento da Suspens\u00e3o Honda CRF150\/230 F, Bros NXR125 03>05, XR125, Tornado XR250, Quadriciclo Fourtrax 08>13","ecommerceNome":"Rolamento da Suspens\u00e3o Honda","ecommerceBusca":"Rolamento da Suspens\u00e3o Honda CRF150\/230 F, Bros NXR125 03>05, XR125, Tornado XR250, Quadriciclo Fourtrax 08>13 Rolamento da Suspens\u00e3o Honda HK2020","produtoNome":"Bucha de Agulhas sem Fundo","produtoModelo":"HK2020","produtoModeloBusca":"HK2020","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"1646625","produtoID":1646625,"produtoHabilitado":1,"catalogoAtualizadoEm":"2024-04-17 12:16:30","catalogoID":32108,"produtoPeso":"0.0260","produtoMedida":"20x26x20","produtoEmbalagem":"Caixinha Individual","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento da Suspens\u00e3o Bros NXR125 03>05, Tornado XR250, Quadriciclo Fourtrax 08>13","ecommerceDescricao":"CRF150\/230 F, Bros NXR125 03>05, XR125, Tornado XR250, Quadriciclo Fourtrax 08>13","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento da Suspens\u00e3o Bros NXR125, CRF150 | Rolamento HK2020 PPK","ecommerceSeoDescricao":"Rolamento HK2020 para Suspens\u00e3o da Honda Bros NXR125 voc\u00ea encontra na PPK. Rolamento PPK, confiabilidade e seguran\u00e7a em rolamento de suspens\u00e3o para sua moto.","ecommerceSeoPalavrasChaves":"motope\u00e7a, rolamento, rolamento moto, rolamento HK2020, HK2020, rolamento suspens\u00e3o, rolamento Bros NXR125, rolamento CRF150, rolamento ppk, ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"997737\", \"1646624\", \"2818\", \"1648368\"]","codigoOriginal":"Honda:91070-GC4-601; Honda:91070-KPE-9010-M1","codigoSimilar":"Ina:F-110832","ecommerceCaracteristicas":"Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100","categoriaOrdem":"1","produtoVIP":"2","aplicacaoMoto":["Balan\u00e7a"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["CRF","Fourtrax","NXR","XR"],"aplicacaoMotoGrupo":["Suspens\u00e3o"],"aplicacaoMotoSubGrupo":["Garfo","Suspens\u00e3o traseira"],"aplicacaoMotoCompleto":["Balan\u00e7a, Suspens\u00e3o, Garfo","Balan\u00e7a, Suspens\u00e3o, Suspens\u00e3o traseira"],"aplicacaoMotoModelosCompleto":["Honda CRF 150 ","Honda CRF 230 ","Honda Fourtrax 420 08>11","Honda NXR 125 03>05","Honda XR 125 ","Honda XR 250 "],"produtoPrecoConsumidor":3.8,"produtoEstoque":0,"material":"A\u00e7o cromo SAE 52100","_matchesInfo":[],"contador":12,"chave":11,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1646625.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1646625.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1646625.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"HK2020 Rolamento da Suspens\u00e3o Honda CRF150\/230 F, Bros NXR125 03>05, XR125, Tornado XR250, Quadriciclo Fourtrax 08>13 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/bucha-de-agulhas-sem-fundo-hk2020-ppk\/1646625","aplicacao":"\/produto\/rolamento-da-suspenso-honda-crf150230-f-bros-nxr125-0305-xr125-tornado-xr250-quadriciclo-fourtrax-0813-rolamento-da-suspenso-honda-hk2020\/1646625","modal":"\/modal\/bucha-de-agulhas-sem-fundo-hk2020-ppk\/1646625"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"}],"codigoOriginalLista":[{"name":"Honda","value":"91070-GC4-601"},{"name":"Honda","value":"91070-KPE-9010-M1"}],"codigoSimilarLista":[{"name":"Ina","value":"F-110832"}]},{"ecommerceNomeCompleto":"Rolamento da Suspens\u00e3o Honda CTX200, XL200, XLR\/XLS125, XLX350, XR200, NX350 Sahara","ecommerceNome":"Rolamento da Suspens\u00e3o Honda","ecommerceBusca":"Rolamento da Suspens\u00e3o Honda CTX200, XL200, XLR\/XLS125, XLX350, XR200, NX350 Sahara Rolamento da Suspens\u00e3o Honda HK203000","produtoNome":"Bucha de Agulhas sem Fundo","produtoModelo":"HK2030-00","produtoModeloBusca":"HK203000","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"997737","produtoID":997737,"produtoHabilitado":0,"catalogoAtualizadoEm":"2023-10-06 16:30:37","catalogoID":32106,"produtoPeso":"0.0370","produtoMedida":"20x26x30","produtoEmbalagem":"Industrial","categoriaID":1001,"categoriaSEO":"rolamento-de-moto","categoriaNome":"Rolamento de Moto","categoriaTitulo":"Rolamento de Moto PPK | Rode Melhor com o Rolamento PPK","categoriaPalavrasChaves":"rolamento de moto, rolamento moto ppk, rolamento PPK, rolamento virabrequim, rolamento roda, rolamento suspens\u00e3o, PPK motope\u00e7as,  moto pe\u00e7a PPK, PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"O Rolamento de Moto PPK \u00e9 reconhecido como um dos melhores rolamentos do mercado pois \u00e9 fabricado em a\u00e7o cromo SAE 52100. Compre Rolamento de Moto PPK.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Rolamento da Suspens\u00e3o Honda XLR\/XLS 125, XLX350","ecommerceDescricao":"CTX200, XL200, XLR\/XLS125, XLX350, XR200, NX350 Sahara","ecommerceComplemento":"Rolos de agulha","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Rolamento da Suspens\u00e3o CTX200, Sahara NX350 | Rolamento HK2030 PPK","ecommerceSeoDescricao":"Rolamento da Suspens\u00e3o HK2030 PPK para Honda CTX200, Sahara NX350 voc\u00ea encontra na PPK. Confiabilidade e seguran\u00e7a em rolamento de suspens\u00e3o de moto, a PPK tem!","ecommerceSeoPalavrasChaves":"motope\u00e7a, rolamento, rolamento moto, rolamento HK2030, HK2030, rolamento motor, rolamento Biz, rolamento Dream C100, rolamento ppk, ppk","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"1646625\", \"1646624\", \"1648373\", \"15015\"]","codigoOriginal":"Honda:91071-MA0-003","codigoSimilar":null,"ecommerceCaracteristicas":"Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100","categoriaOrdem":"1","produtoVIP":"5","aplicacaoMoto":["Balan\u00e7a"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["CTX","NX","XL","XLR","XLS","XLX","XR"],"aplicacaoMotoGrupo":["Suspens\u00e3o"],"aplicacaoMotoSubGrupo":["Suspens\u00e3o traseira"],"aplicacaoMotoCompleto":["Balan\u00e7a, Suspens\u00e3o, Suspens\u00e3o traseira"],"aplicacaoMotoModelosCompleto":["Honda CTX 200 ","Honda NX 350 ","Honda XL 200 ","Honda XLR 125 ","Honda XLS 125 ","Honda XLX 350 ","Honda XR 200 "],"produtoPrecoConsumidor":6.38,"produtoEstoque":0,"material":"A\u00e7o cromo SAE 52100","_matchesInfo":[],"contador":13,"chave":12,"Industrial":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/997737.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/997737.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/997737.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"HK2030-00 Rolamento da Suspens\u00e3o Honda CTX200, XL200, XLR\/XLS125, XLX350, XR200, NX350 Sahara PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/bucha-de-agulhas-sem-fundo-hk2030-00-ppk\/997737","aplicacao":"\/produto\/rolamento-da-suspenso-honda-ctx200-xl200-xlrxls125-xlx350-xr200-nx350-sahara-rolamento-da-suspenso-honda-hk203000\/997737","modal":"\/modal\/bucha-de-agulhas-sem-fundo-hk2030-00-ppk\/997737"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"}],"codigoOriginalLista":[{"name":"Honda","value":"91071-MA0-003"}],"codigoSimilarLista":false},{"ecommerceNomeCompleto":"Caixa de Dire\u00e7\u00e3o Esf\u00e9rica para Honda Titan CG 125 00>04, CG 150 04>15, CG 160 16>... | FAN CG 125 05>18, CG 150 10>15, CG 160 16>...","ecommerceNome":"Caixa de Dire\u00e7\u00e3o Esf\u00e9rica para Honda","ecommerceBusca":"Caixa de Dire\u00e7\u00e3o Esf\u00e9rica para Honda Titan CG 125 00>04, CG 150 04>15, CG 160 16>... | FAN CG 125 05>18, CG 150 10>15, CG 160 16>... Caixa de Dire\u00e7\u00e3o Esf\u00e9rica para Honda PPKH001B","produtoNome":"Caixa de Dire\u00e7\u00e3o","produtoModelo":"PPK-H001B","produtoModeloBusca":"PPKH001B","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"1648367","produtoID":1648367,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-04-19 18:02:36","catalogoID":31981,"produtoPeso":"0.2030","produtoMedida":"0x0x0","produtoEmbalagem":"Caixinha Individual","categoriaID":968,"categoriaSEO":"caixa-de-direcao","categoriaNome":"Caixa de Dire\u00e7\u00e3o","categoriaTitulo":"Caixa de Dire\u00e7\u00e3o para Motos PPK | Pilotagem Segura com PPK","categoriaPalavrasChaves":"Caixa de Dire\u00e7\u00e3o, Caixa Dire\u00e7\u00e3o Motos, Caixa Dire\u00e7\u00e3o PPK, PPK motope\u00e7as, PPK,  moto pe\u00e7a PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"A Caixa de Dire\u00e7\u00e3o PPK \u00e9 indicada para motos que rodam tanto em centros urbanos como em terrenos acidentados, oferecendo uma pilotagem mais suave e segura.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Caixa de Dire\u00e7\u00e3o Titan CG125 Titan\/Fan 00>..., CG150 Titan\/Fan 04>15, CG160 Titan\/Fan 16>...","ecommerceDescricao":"Titan CG 125 00>04, CG 150 04>15, CG 160 16>... | FAN CG 125 05>18, CG 150 10>15, CG 160 16>...","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Caixa de Dire\u00e7\u00e3o Honda CG125 Fan\/Titan PPK-H001B | PPK Motoparts","ecommerceSeoDescricao":"Com a Caixa de Dire\u00e7\u00e3o PPK-H001B para Honda CG125 e CG150 Titan sua moto roda segura. A Caixa de Dire\u00e7\u00e3o PPK Motoparts \u00e9 sin\u00f4nimo de qualidade e durabilidade para sua moto.","ecommerceSeoPalavrasChaves":"caixa de dire\u00e7\u00e3o, caixa de dire\u00e7\u00e3o ppk, caixa de dire\u00e7\u00e3o Honda, caixa de dire\u00e7\u00e3o CG, caixa de dire\u00e7\u00e3o Titan, caixa dire\u00e7\u00e3o PPK-H001B,","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"1648374\", \"1647294\", \"1647798\", \"1648756\"]","codigoOriginal":null,"codigoSimilar":"Danidrea:050.07; Riffel:100707","ecommerceCaracteristicas":"Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100","categoriaOrdem":"3","produtoVIP":"A","aplicacaoMoto":["Caixa de dire\u00e7\u00e3o"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["CG"],"aplicacaoMotoGrupo":["Suspens\u00e3o"],"aplicacaoMotoSubGrupo":["Coluna de dire\u00e7\u00e3o"],"aplicacaoMotoCompleto":["Caixa de dire\u00e7\u00e3o, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o"],"aplicacaoMotoModelosCompleto":["Honda CG 125 00>...","Honda CG 150 todos"],"produtoPrecoConsumidor":13.35,"produtoEstoque":0,"material":"A\u00e7o cromo SAE 52100","_matchesInfo":[],"contador":14,"chave":13,"Caixinha Individual":true,"produtoSuporteForaLinha":"Fora de Linha","produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1648367.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1648367.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1648367.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"PPK-H001B Caixa de Dire\u00e7\u00e3o Esf\u00e9rica para Honda Titan CG 125 00>04, CG 150 04>15, CG 160 16>... | FAN CG 125 05>18, CG 150 10>15, CG 160 16>... PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/caixa-de-direcao-ppk-h001b-ppk\/1648367","aplicacao":"\/produto\/caixa-de-direo-esfrica-para-honda-titan-cg-125-0004-cg-150-0415-cg-160-16--fan-cg-125-0518-cg-150-1015-cg-160-16-caixa-de-direo-esfrica-para-honda-ppkh001b\/1648367","modal":"\/modal\/caixa-de-direcao-ppk-h001b-ppk\/1648367"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"}],"codigoOriginalLista":false,"codigoSimilarLista":[{"name":"Danidrea","value":"050.07"},{"name":"Riffel","value":"100707"}]},{"ecommerceNomeCompleto":"Caixa de Dire\u00e7\u00e3o C\u00f4nica para Honda Titan CG 125 00>04, CG 150 04>15, CG 160 16>... | FAN CG 125 05>18, CG 150 10>15, CG 160 16>...","ecommerceNome":"Caixa de Dire\u00e7\u00e3o C\u00f4nica para Honda","ecommerceBusca":"Caixa de Dire\u00e7\u00e3o C\u00f4nica para Honda Titan CG 125 00>04, CG 150 04>15, CG 160 16>... | FAN CG 125 05>18, CG 150 10>15, CG 160 16>... Caixa de Dire\u00e7\u00e3o C\u00f4nica para Honda PPKH001R","produtoNome":"Caixa de Dire\u00e7\u00e3o C\u00f4nica","produtoModelo":"PPK-H001R","produtoModeloBusca":"PPKH001R","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"1648374","produtoID":1648374,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-04-19 17:57:45","catalogoID":31982,"produtoPeso":"0.2390","produtoMedida":"0x0x0","produtoEmbalagem":"Caixinha Individual","categoriaID":968,"categoriaSEO":"caixa-de-direcao","categoriaNome":"Caixa de Dire\u00e7\u00e3o","categoriaTitulo":"Caixa de Dire\u00e7\u00e3o para Motos PPK | Pilotagem Segura com PPK","categoriaPalavrasChaves":"Caixa de Dire\u00e7\u00e3o, Caixa Dire\u00e7\u00e3o Motos, Caixa Dire\u00e7\u00e3o PPK, PPK motope\u00e7as, PPK,  moto pe\u00e7a PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"A Caixa de Dire\u00e7\u00e3o PPK \u00e9 indicada para motos que rodam tanto em centros urbanos como em terrenos acidentados, oferecendo uma pilotagem mais suave e segura.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Caixa de Dire\u00e7\u00e3o C\u00f4nica Titan CG125 Titan\/Fan 00>..., CG150 Titan\/Fan 04>15, CG160 Titan\/Fan 16>...","ecommerceDescricao":"Titan CG 125 00>04, CG 150 04>15, CG 160 16>... | FAN CG 125 05>18, CG 150 10>15, CG 160 16>...","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Caixa de Dire\u00e7\u00e3o Roletada Titan\/Fan CG 125, 150, 160 | PPK-H001R","ecommerceSeoDescricao":"A Caixa de Dire\u00e7\u00e3o Roletada PPK-H001R para Honda CG125 e CG150 Titan oferece uma pilotagem mais suave e segura em qualquer tipo de terreno. Siga tranquilo com a Caixa de Dire\u00e7\u00e3o PPK.","ecommerceSeoPalavrasChaves":"caixa de dire\u00e7\u00e3o, caixa de dire\u00e7\u00e3o ppk, caixa de dire\u00e7\u00e3o Honda, caixa dire\u00e7\u00e3o CG125, caixa dire\u00e7\u00e3o Titan, caixa dire\u00e7\u00e3o CG150","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"1648759\", \"1648367\", \"30039\", \"1648769\"]","codigoOriginal":null,"codigoSimilar":"Danidrea:400.12; Riffel:100701","ecommerceCaracteristicas":"Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100","categoriaOrdem":"3","produtoVIP":"D","aplicacaoMoto":["Caixa de dire\u00e7\u00e3o"],"aplicacaoMotoMontadoras":["Honda"],"aplicacaoMotoModelos":["CG"],"aplicacaoMotoGrupo":["Suspens\u00e3o"],"aplicacaoMotoSubGrupo":["Coluna de dire\u00e7\u00e3o"],"aplicacaoMotoCompleto":["Caixa de dire\u00e7\u00e3o, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o"],"aplicacaoMotoModelosCompleto":["Honda CG 125 00>...","Honda CG 150 todos"],"produtoPrecoConsumidor":21.25,"produtoEstoque":0,"material":"A\u00e7o cromo SAE 52100","_matchesInfo":[],"contador":15,"chave":14,"Caixinha Individual":true,"produtoSuporteForaLinha":"Fora de Linha","produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1648374.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1648374.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1648374.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"PPK-H001R Caixa de Dire\u00e7\u00e3o C\u00f4nica para Honda Titan CG 125 00>04, CG 150 04>15, CG 160 16>... | FAN CG 125 05>18, CG 150 10>15, CG 160 16>... PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/caixa-de-direcao-conica-ppk-h001r-ppk\/1648374","aplicacao":"\/produto\/caixa-de-direo-cnica-para-honda-titan-cg-125-0004-cg-150-0415-cg-160-16--fan-cg-125-0518-cg-150-1015-cg-160-16-caixa-de-direo-cnica-para-honda-ppkh001r\/1648374","modal":"\/modal\/caixa-de-direcao-conica-ppk-h001r-ppk\/1648374"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"}],"codigoOriginalLista":false,"codigoSimilarLista":[{"name":"Danidrea","value":"400.12"},{"name":"Riffel","value":"100701"}]},{"ecommerceNomeCompleto":"Caixa de Dire\u00e7\u00e3o para Honda CG125 Titan 79>99, XLS125, CBX200S | Kansas150 | Comet150, Mirage150","ecommerceNome":"Caixa de Dire\u00e7\u00e3o para Honda","ecommerceBusca":"Caixa de Dire\u00e7\u00e3o para Honda CG125 Titan 79>99, XLS125, CBX200S | Kansas150 | Comet150, Mirage150 Caixa de Dire\u00e7\u00e3o para Honda PPKH002B","produtoNome":"Caixa de Dire\u00e7\u00e3o","produtoModelo":"PPK-H002B","produtoModeloBusca":"PPKH002B","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"1648371","produtoID":1648371,"produtoHabilitado":0,"catalogoAtualizadoEm":"2023-08-01 16:41:17","catalogoID":31983,"produtoPeso":"0.1100","produtoMedida":"0x0x0","produtoEmbalagem":"Caixinha Individual","categoriaID":968,"categoriaSEO":"caixa-de-direcao","categoriaNome":"Caixa de Dire\u00e7\u00e3o","categoriaTitulo":"Caixa de Dire\u00e7\u00e3o para Motos PPK | Pilotagem Segura com PPK","categoriaPalavrasChaves":"Caixa de Dire\u00e7\u00e3o, Caixa Dire\u00e7\u00e3o Motos, Caixa Dire\u00e7\u00e3o PPK, PPK motope\u00e7as, PPK,  moto pe\u00e7a PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"A Caixa de Dire\u00e7\u00e3o PPK \u00e9 indicada para motos que rodam tanto em centros urbanos como em terrenos acidentados, oferecendo uma pilotagem mais suave e segura.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Caixa de Dire\u00e7\u00e3o para Honda CG125 Titan 79>99, XLS125, CBX200S","ecommerceDescricao":"CG125 Titan 79>99, XLS125, CBX200S | Kansas150 | Comet150, Mirage150","ecommerceComplemento":"Esferas","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Caixa de Dire\u00e7\u00e3o Honda CG125 Titan e CBX200S | PPK-H002B","ecommerceSeoDescricao":"A Caixa de Dire\u00e7\u00e3o PPK-H002B para Honda CG125 Titan e CBX200S oferece uma dirigibilidade mais suave e segura principalmente no asfalto. Conhe\u00e7a toda linha PPK de Caixa de Dire\u00e7\u00e3o.","ecommerceSeoPalavrasChaves":"caixa de dire\u00e7\u00e3o, caixa de dire\u00e7\u00e3o ppk, caixa de dire\u00e7\u00e3o Honda, caixa dire\u00e7\u00e3o CG125, caixa dire\u00e7\u00e3o Titan, caixa dire\u00e7\u00e3o CG150, PPK-H002B","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"1648375\", \"1646737\", \"1648759\", \"1647294\"]","codigoOriginal":null,"codigoSimilar":"Danidrea:050.11; Riffel:100706","ecommerceCaracteristicas":"Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100","categoriaOrdem":"3","produtoVIP":"E","aplicacaoMoto":["Caixa de dire\u00e7\u00e3o"],"aplicacaoMotoMontadoras":["Dafra","Honda","Kasinski"],"aplicacaoMotoModelos":["CBX","CG","COMET","KANSAS","MIRAGE","XLS"],"aplicacaoMotoGrupo":["Suspens\u00e3o"],"aplicacaoMotoSubGrupo":["Coluna de dire\u00e7\u00e3o"],"aplicacaoMotoCompleto":["Caixa de dire\u00e7\u00e3o, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o"],"aplicacaoMotoModelosCompleto":["Dafra KANSAS 150 ","Honda CBX 200 ","Honda CG 125 79>99","Honda XLS 125 ","Kasinski COMET 150 ","Kasinski MIRAGE 150 "],"produtoPrecoConsumidor":9.6,"produtoEstoque":0,"material":"A\u00e7o cromo SAE 52100","_matchesInfo":[],"contador":16,"chave":15,"Caixinha Individual":true,"produtoSuporteForaLinha":"Fora de Linha","produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1648371.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1648371.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1648371.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"PPK-H002B Rolamento para Caixa de Dire\u00e7\u00e3o","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50062\/50062.jpg?version=7.73"},{"id":2,"grupo":"Galeria de Produto","nome":"PPK-H002B Rolamento para Caixa de Dire\u00e7\u00e3o","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50117\/50117.jpg?version=7.73"},{"id":3,"grupo":"Galeria de Produto","nome":"PPK-H002B Rolamento para Caixa de Dire\u00e7\u00e3o","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50118\/50118.jpg?version=7.73"}],"produtoGaleriaTotal":3,"produtoBusca":"PPK-H002B Caixa de Dire\u00e7\u00e3o para Honda CG125 Titan 79>99, XLS125, CBX200S | Kansas150 | Comet150, Mirage150 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/caixa-de-direcao-ppk-h002b-ppk\/1648371","aplicacao":"\/produto\/caixa-de-direo-para-honda-cg125-titan-7999-xls125-cbx200s--kansas150--comet150-mirage150-caixa-de-direo-para-honda-ppkh002b\/1648371","modal":"\/modal\/caixa-de-direcao-ppk-h002b-ppk\/1648371"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"}],"codigoOriginalLista":false,"codigoSimilarLista":[{"name":"Danidrea","value":"050.11"},{"name":"Riffel","value":"100706"}]},{"ecommerceNomeCompleto":"Caixa de Dire\u00e7\u00e3o C\u00f4nica para Honda CG125 Titan 79>99, CBX200, XLS125 | Dafra Kansas 150 | Kasinski Comet 150, Mirage 150","ecommerceNome":"Caixa de Dire\u00e7\u00e3o C\u00f4nica para Honda","ecommerceBusca":"Caixa de Dire\u00e7\u00e3o C\u00f4nica para Honda CG125 Titan 79>99, CBX200, XLS125 | Dafra Kansas 150 | Kasinski Comet 150, Mirage 150 Caixa de Dire\u00e7\u00e3o C\u00f4nica para Honda PPKH002R","produtoNome":"Caixa de Dire\u00e7\u00e3o C\u00f4nica","produtoModelo":"PPK-H002R","produtoModeloBusca":"PPKH002R","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"1648375","produtoID":1648375,"produtoHabilitado":0,"catalogoAtualizadoEm":"2024-04-23 13:36:19","catalogoID":31984,"produtoPeso":"0.1230","produtoMedida":"0x0x0","produtoEmbalagem":"Caixinha Individual","categoriaID":968,"categoriaSEO":"caixa-de-direcao","categoriaNome":"Caixa de Dire\u00e7\u00e3o","categoriaTitulo":"Caixa de Dire\u00e7\u00e3o para Motos PPK | Pilotagem Segura com PPK","categoriaPalavrasChaves":"Caixa de Dire\u00e7\u00e3o, Caixa Dire\u00e7\u00e3o Motos, Caixa Dire\u00e7\u00e3o PPK, PPK motope\u00e7as, PPK,  moto pe\u00e7a PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"A Caixa de Dire\u00e7\u00e3o PPK \u00e9 indicada para motos que rodam tanto em centros urbanos como em terrenos acidentados, oferecendo uma pilotagem mais suave e segura.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Caixa de Dire\u00e7\u00e3o C\u00f4nica para Honda CG125 Titan 79>99, CBX200, XLS125","ecommerceDescricao":"CG125 Titan 79>99, CBX200, XLS125 | Dafra Kansas 150 | Kasinski Comet 150, Mirage 150","ecommerceComplemento":null,"ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Caixa de Dire\u00e7\u00e3o Honda CG125 Titan e XLS125 | PPK-H002R","ecommerceSeoDescricao":"Rode mais seguro com a Caixa de Dire\u00e7\u00e3o PPK-H002R para Honda CG125 Titan, XLS125 e CBX200S. Ideal para terrenos acidentados, a Caixa de Dire\u00e7\u00e3o PPK-H002R absorve muito mais os impactos.","ecommerceSeoPalavrasChaves":"caixa de dire\u00e7\u00e3o, caixa de dire\u00e7\u00e3o ppk, caixa de dire\u00e7\u00e3o Honda, caixa dire\u00e7\u00e3o CG125, caixa dire\u00e7\u00e3o Titan, caixa dire\u00e7\u00e3o CG150, PPK-H002R","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"1648371\", \"1646737\", \"1648374\", \"1648763\"]","codigoOriginal":null,"codigoSimilar":"Danidrea:400.14; Riffel:100700; Rugata:RUG 99","ecommerceCaracteristicas":"Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100","categoriaOrdem":"3","produtoVIP":"5","aplicacaoMoto":["Caixa de dire\u00e7\u00e3o"],"aplicacaoMotoMontadoras":["Dafra","Honda","Kasinski"],"aplicacaoMotoModelos":["CBX","CG","COMET","KANSAS","MIRAGE","XLS"],"aplicacaoMotoGrupo":["Suspens\u00e3o"],"aplicacaoMotoSubGrupo":["Coluna de dire\u00e7\u00e3o"],"aplicacaoMotoCompleto":["Caixa de dire\u00e7\u00e3o, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o"],"aplicacaoMotoModelosCompleto":["Dafra KANSAS 150 ","Honda CBX 200 ","Honda CG 125 79>99","Honda XLS 125 ","Kasinski COMET 150 ","Kasinski MIRAGE 150 "],"produtoPrecoConsumidor":18.7,"produtoEstoque":0,"material":"A\u00e7o cromo SAE 52100","_matchesInfo":[],"contador":17,"chave":16,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1648375.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1648375.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1648375.jpg?version=7.73"},"produtoGaleria":false,"produtoGaleriaTotal":0,"produtoBusca":"PPK-H002R Caixa de Dire\u00e7\u00e3o C\u00f4nica para Honda CG125 Titan 79>99, CBX200, XLS125 | Dafra Kansas 150 | Kasinski Comet 150, Mirage 150 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/caixa-de-direcao-conica-ppk-h002r-ppk\/1648375","aplicacao":"\/produto\/caixa-de-direo-cnica-para-honda-cg125-titan-7999-cbx200-xls125--dafra-kansas-150--kasinski-comet-150-mirage-150-caixa-de-direo-cnica-para-honda-ppkh002r\/1648375","modal":"\/modal\/caixa-de-direcao-conica-ppk-h002r-ppk\/1648375"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"}],"codigoOriginalLista":false,"codigoSimilarLista":[{"name":"Danidrea","value":"400.14"},{"name":"Riffel","value":"100700"},{"name":"Rugata","value":"RUG 99"}]},{"ecommerceNomeCompleto":"Caixa de Dire\u00e7\u00e3o Esf\u00e9rica para Honda C100 Biz \/ Dream 98>15, C125 06>..., POP100 07>..., Scooter PCX 150 13>19","ecommerceNome":"Caixa de Dire\u00e7\u00e3o Esf\u00e9rica para Honda","ecommerceBusca":"Caixa de Dire\u00e7\u00e3o Esf\u00e9rica para Honda C100 Biz \/ Dream 98>15, C125 06>..., POP100 07>..., Scooter PCX 150 13>19 Caixa de Dire\u00e7\u00e3o Esf\u00e9rica para Honda PPKH003B","produtoNome":"Caixa de Dire\u00e7\u00e3o","produtoModelo":"PPK-H003B","produtoModeloBusca":"PPKH003B","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"1648369","produtoID":1648369,"produtoHabilitado":1,"catalogoAtualizadoEm":"2024-04-23 19:19:11","catalogoID":32101,"produtoPeso":"0.1550","produtoMedida":"0x0x0","produtoEmbalagem":"Caixinha Individual","categoriaID":968,"categoriaSEO":"caixa-de-direcao","categoriaNome":"Caixa de Dire\u00e7\u00e3o","categoriaTitulo":"Caixa de Dire\u00e7\u00e3o para Motos PPK | Pilotagem Segura com PPK","categoriaPalavrasChaves":"Caixa de Dire\u00e7\u00e3o, Caixa Dire\u00e7\u00e3o Motos, Caixa Dire\u00e7\u00e3o PPK, PPK motope\u00e7as, PPK,  moto pe\u00e7a PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"A Caixa de Dire\u00e7\u00e3o PPK \u00e9 indicada para motos que rodam tanto em centros urbanos como em terrenos acidentados, oferecendo uma pilotagem mais suave e segura.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Caixa de Dire\u00e7\u00e3o para C100 Biz\/Dream 98>15, C125 06>..., POP100 07>..., PCX 150 13>19","ecommerceDescricao":"C100 Biz \/ Dream 98>15, C125 06>..., POP100 07>..., Scooter PCX 150 13>19","ecommerceComplemento":"Moby 50 11>16, SKY 50 Plus 16>..., XY 50 Q2 11>20, Phoenix 50 09>18, JL 50 04>20, Sundow WEB 100 02>10, WIN 110 06>13","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"Caixa de Dire\u00e7\u00e3o Honda C100 Dream, Biz C100, Pop10 | PPK-H003B","ecommerceSeoDescricao":"A Caixa de Dire\u00e7\u00e3o PPK-H003B para Honda C100 Dream, Biz C100 \u00e9 sin\u00f4nimo de qualidade e durabilidade para o sistema de dire\u00e7\u00e3o da sua moto. Conhe\u00e7a toda linha de Caixa de Dire\u00e7\u00e3o PPK.","ecommerceSeoPalavrasChaves":"caixa de dire\u00e7\u00e3o, caixa de dire\u00e7\u00e3o ppk, caixa de dire\u00e7\u00e3o Honda, caixa de dire\u00e7\u00e3o Dream, caixa de dire\u00e7\u00e3o biz, caixa de dire\u00e7\u00e3o Sundown, PPK-H003B","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"1648729\", \"1648367\", \"1777\", \"997737\"]","codigoOriginal":null,"codigoSimilar":"Danidrea:050.05; Riffel:100708","ecommerceCaracteristicas":"Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100","categoriaOrdem":"3","produtoVIP":"B","aplicacaoMoto":["Caixa de dire\u00e7\u00e3o"],"aplicacaoMotoMontadoras":["Honda","Kasinski","Sundown"],"aplicacaoMotoModelos":["BIZ C","C","POP","WEB","WIND"],"aplicacaoMotoGrupo":["Suspens\u00e3o"],"aplicacaoMotoSubGrupo":["Coluna de dire\u00e7\u00e3o"],"aplicacaoMotoCompleto":["Caixa de dire\u00e7\u00e3o, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o"],"aplicacaoMotoModelosCompleto":["Honda BIZ C 100 ","Honda BIZ C 125 ","Honda C 100 ","Honda POP 100 ","Kasinski WIND 110 ","Sundown WEB 100 "],"produtoPrecoConsumidor":11.36,"produtoEstoque":0,"material":"A\u00e7o cromo SAE 52100","_matchesInfo":[],"contador":18,"chave":17,"Caixinha Individual":true,"produtoSuporteForaLinha":"Fora de Linha","produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1648369.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1648369.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1648369.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"PPK-H003B Rolamento para Caixa de Dire\u00e7\u00e3o","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50078\/50078.jpg?version=7.73"},{"id":2,"grupo":"Galeria de Produto","nome":"PPK-H003B Rolamento para Caixa de Dire\u00e7\u00e3o","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50079\/50079.jpg?version=7.73"},{"id":3,"grupo":"Galeria de Produto","nome":"PPK-H003B Rolamento para Caixa de Dire\u00e7\u00e3o","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50080\/50080.jpg?version=7.73"},{"id":4,"grupo":"Galeria de Produto","nome":"PPK-H003B Rolamento para Caixa de Dire\u00e7\u00e3o","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50081\/50081.jpg?version=7.73"}],"produtoGaleriaTotal":4,"produtoBusca":"PPK-H003B Caixa de Dire\u00e7\u00e3o Esf\u00e9rica para Honda C100 Biz \/ Dream 98>15, C125 06>..., POP100 07>..., Scooter PCX 150 13>19 PPK","produtoAvaliacaoNota":0,"produtoAvaliacaoQuantidade":0,"marcaSEO":"ppk","url":{"produto":"\/produto\/caixa-de-direcao-ppk-h003b-ppk\/1648369","aplicacao":"\/produto\/caixa-de-direo-esfrica-para-honda-c100-biz--dream-9815-c125-06-pop100-07-scooter-pcx-150-1319-caixa-de-direo-esfrica-para-honda-ppkh003b\/1648369","modal":"\/modal\/caixa-de-direcao-ppk-h003b-ppk\/1648369"},"ecommerceCaracteristicasLista":[{"key":"5346","name":"Material","value":"A\u00e7o cromo SAE 52100"}],"codigoOriginalLista":false,"codigoSimilarLista":[{"name":"Danidrea","value":"050.05"},{"name":"Riffel","value":"100708"}]},{"ecommerceNomeCompleto":"Caixa de Dire\u00e7\u00e3o C\u00f4nica para Honda C100 Biz \/ Dream 98>15, C125 06>..., POP100 07>..., Scooter PCX 150 13>19","ecommerceNome":"Caixa de Dire\u00e7\u00e3o C\u00f4nica para Honda","ecommerceBusca":"Caixa de Dire\u00e7\u00e3o C\u00f4nica para Honda C100 Biz \/ Dream 98>15, C125 06>..., POP100 07>..., Scooter PCX 150 13>19 Caixa de Dire\u00e7\u00e3o C\u00f4nica para Honda PPKH003R","produtoNome":"Caixa de Dire\u00e7\u00e3o C\u00f4nica","produtoModelo":"PPK-H003R","produtoModeloBusca":"PPKH003R","produtoMarca":"PPK","ecommerceDescricaoSinonimos":null,"id":"1648729","produtoID":1648729,"produtoHabilitado":1,"catalogoAtualizadoEm":"2024-04-23 19:14:17","catalogoID":31985,"produtoPeso":"0.1740","produtoMedida":"0x0x0","produtoEmbalagem":"Caixinha Individual","categoriaID":968,"categoriaSEO":"caixa-de-direcao","categoriaNome":"Caixa de Dire\u00e7\u00e3o","categoriaTitulo":"Caixa de Dire\u00e7\u00e3o para Motos PPK | Pilotagem Segura com PPK","categoriaPalavrasChaves":"Caixa de Dire\u00e7\u00e3o, Caixa Dire\u00e7\u00e3o Motos, Caixa Dire\u00e7\u00e3o PPK, PPK motope\u00e7as, PPK,  moto pe\u00e7a PPK, motope\u00e7as, moto pe\u00e7a, PPK motoparts","categoriaDescricao":"A Caixa de Dire\u00e7\u00e3o PPK \u00e9 indicada para motos que rodam tanto em centros urbanos como em terrenos acidentados, oferecendo uma pilotagem mais suave e segura.","segmentoID":6,"segmentoSEO":"moto","segmentoNome":"Moto","segmentoTitulo":"PPK Motoparts | Confian\u00e7a em produtos para motocicletas","ecommerceNomeCurto":"Caixa de Dire\u00e7\u00e3o C\u00f4nica para C100 Biz\/Dream 98>15, C125 06>..., POP100 07>..., PCX 150 13>19","ecommerceDescricao":"C100 Biz \/ Dream 98>15, C125 06>..., POP100 07>..., Scooter PCX 150 13>19","ecommerceComplemento":"Moby 50 11>16, SKY 50 Plus 16>..., XY 50 Q2 11>20, Phoenix 50 09>18, JL 50 04>20, Sundow WEB 100 02>10, WIN 110 06>13","ecommerceDescricaoConsumidor":null,"ecommerceDescricaoRevendedor":null,"ecommerceDescricaoMarketplace":null,"ecommerceSeoTitulo":"PPK-H003R | Caixa de Dire\u00e7\u00e3o C\u00f4nica Honda C100 Dream, Biz C100","ecommerceSeoDescricao":"Caixa de Dire\u00e7\u00e3o C\u00f4nica PPK para sua Honda Biz e Dream 100\/125, POP 100, Scooter PCX 150. Caixa de Dire\u00e7\u00e3o PPK-H003R, garantia de qualidade e durabilidade para o sistema de dire\u00e7\u00e3o da sua moto.","ecommerceSeoPalavrasChaves":"motope\u00e7as, rolamento para moto, caixa de dire\u00e7\u00e3o, C100 DREAM, BIZ C100 e C125, POP 100, Sundown WEB 100, WIND110","ecommerceProdutoVideoURL":null,"ecommerceAtivo":1,"produtoVendaCruzada":"[\"1648369\", \"1647860\", \"1648763\", \"1646738\"]","codigoOriginal":null,"codigoSimilar":"Danidrea:400.22; Riffel:100702; Rugata:RUG 100","ecommerceCaracteristicas":"Material:A\u00e7o cromo SAE 52100:5346","ecommerceCaracteristicasNome":"Material","ecommerceCaracteristicasAtributos":"A\u00e7o cromo SAE 52100","categoriaOrdem":"3","produtoVIP":"5","aplicacaoMoto":["Caixa de dire\u00e7\u00e3o"],"aplicacaoMotoMontadoras":["Honda","Kasinski","Sundown"],"aplicacaoMotoModelos":["BIZ C","C","POP","WEB","WIND"],"aplicacaoMotoGrupo":["Suspens\u00e3o"],"aplicacaoMotoSubGrupo":["Coluna de dire\u00e7\u00e3o"],"aplicacaoMotoCompleto":["Caixa de dire\u00e7\u00e3o, Suspens\u00e3o, Coluna de dire\u00e7\u00e3o"],"aplicacaoMotoModelosCompleto":["Honda BIZ C 100 ","Honda BIZ C 125 ","Honda C 100 ","Honda POP 100 ","Kasinski WIND 110 ","Sundown WEB 100 "],"produtoPrecoConsumidor":20.4,"produtoEstoque":0,"material":"A\u00e7o cromo SAE 52100","_matchesInfo":[],"contador":19,"chave":18,"Caixinha Individual":true,"produtoGarantia":"90 dias","produtoSituacao":"produto novo","produtoImagem":{"pequena":"https:\/\/www.marketformation.com.br\/img\/id\/w185\/1648729.jpg?version=7.73","media":"https:\/\/www.marketformation.com.br\/img\/id\/w485\/1648729.jpg?version=7.73","grande":"https:\/\/www.marketformation.com.br\/img\/id\/w800\/1648729.jpg?version=7.73"},"produtoGaleria":[{"id":1,"grupo":"Galeria de Produto","nome":"PPK-H003R Rolamento para Caixa de Dire\u00e7\u00e3o","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50075\/50075.jpg?version=7.73"},{"id":2,"grupo":"Galeria de Produto","nome":"PPK-H003R Rolamento para Caixa de Dire\u00e7\u00e3o","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50076\/50076.jpg?version=7.73"},{"id":3,"grupo":"Galeria de Produto","nome":"PPK-H003R Rolamento para Caixa de Dire\u00e7\u00e3o","url":"https:\/\/www.marketformation.com.br\/img\/\/g\/50077\/50077.jpg?version=7.73"}],"produtoGaleriaTotal":3,"produtoBusca":"PPK-H003R Caixa de Dire\u00e7\u00e3o C\u00f4nica para Honda C100 Biz \/ Dream 98>15, C125 06>..., POP100 07>..., Scooter PCX 150 13>19 PPK","produtoAvaliacaoNota":0,"produtoAvali<!doctype html>
<html lang="pt-br">
  <head>
    <!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">


   <!-- Google Tag Manager -->
  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  })(window,document,'script','dataLayer','GTM-N3JCF2F');</script>
  <!-- End Google Tag Manager -->
  
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N3JCF2F" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

  <meta name="robots" content="index, follow" /> 
  
  
    <meta name="google-site-verification" content="8UM-KkvdjcrzkqgmganuI7FgkKkUuVtqA41TiSWj0n0" />
  
  
  
  

  
      <script src="https://www.marketformation.com.br/cdn/vendor/jquery/jquery.min.3.6.0.js"></script>
    
      <script src="https://www.marketformation.com.br/cdn/vendor/bootstrap5/bootstrap.bundle.min.js"></script>
  
      <script src="https://www.marketformation.com.br/cdn/vendor/htmx/htmx.min.js"></script>
      <script src="https://www.marketformation.com.br/cdn/vendor/htmx/_hyperscript.min.js"></script>
      <script src="https://www.marketformation.com.br/cdn/vendor/htmx/client-side-templates.js"></script>
      <script src="https://www.marketformation.com.br/cdn/vendor/mustache-js/mustache.4.2.0.js"></script>
 
      <script src="https://www.marketformation.com.br/cdn/vendor/alpine/component.min.js" defer></script>
      <script src="https://unpkg.com/@alpinejs/intersect@3.x.x/dist/cdn.min.js" defer></script>
      <script src="https://www.marketformation.com.br/cdn/vendor/alpine/alpine3.min.js" defer></script>
   
    <script src="https://www.google.com/recaptcha/api.js?render=6Lffe1MdAAAAALNl_DqF9-ByFDjRL_-HBqwwpn5I"></script>
    <style type="text/css">
      .grecaptcha-badge {
        z-index: 999;
        width: 60px !important;
        height: 60px !important;
        overflow: hidden !important;
        transition: all 0.3s ease !important;
        left: 4px !important;
        display:none !important;
      }
      .grecaptcha-badge:hover {
        width: 256px !important;
      }
    </style>
   
  
    
    <link href="https://www.marketformation.com.br/cdn/vendor/daisyui/full.css" rel="stylesheet" type="text/css" />
    
      <link href="https://www.marketformation.com.br/cdn/vendor/tailwind/tailwind.2.2.min.css" rel="stylesheet" type="text/css"  />
    
    
    

      <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
    
    
  
  
    <script src="https://www.marketformation.com.br/cdn/vendor/Mask-Plugin/dist/jquery.mask.min.js" defer></script>
    <script>
    $(document).ready(function(){
      $('.date').mask('00/00/0000');
      $('.time').mask('00:00:00');
      $('.date_time').mask('00/00/0000 00:00:00');
      $('.cep').mask('00000-000');
      $('.phone').mask('0000-0000');
      $('.phone_with_ddd').mask('(00) 00000-0000');
      $('.phone_full').mask('+00 (00) 00000-0000');
      $('.phone_us').mask('(000) 000-0000');
      $('.mixed').mask('AAA 000-S0S');
      $('.cpf').mask('000.000.000-00', {reverse: true});
      $('.cnpj').mask('00.000.000/0000-00', {reverse: true});
      $('.money').mask('000.000.000.000.000,00', {reverse: true});
      $('.money2').mask("#.##0,00", {reverse: true});
      $('.ip_address').mask('0ZZ.0ZZ.0ZZ.0ZZ', {
        translation: {
          'Z': {
            pattern: /[0-9]/, optional: true
          }
        }
      });
      $('.ip_address').mask('099.099.099.099');
      $('.percent').mask('##0,00%', {reverse: true});
      $('.clear-if-not-match').mask("00/00/0000", {clearIfNotMatch: true});
      $('.placeholder').mask("00/00/0000", {placeholder: "__/__/____"});
      $('.fallback').mask("00r00r0000", {
          translation: {
            'r': {
              pattern: /[\/]/,
              fallback: '/'
            },
            placeholder: "__/__/____"
          }
        });
      $('.selectonfocus').mask("00/00/0000", {selectOnFocus: true});
    });
    </script>   
  
       <script src="https://www.marketformation.com.br/cdn/vendor/floating-wpp/floating-wpp.min.js" defer></script>
       <link rel="stylesheet" href="https://www.marketformation.com.br/cdn/vendor/floating-wpp/floating-wpp.min.css">
       <script type="text/javascript">
            $(function () {
                $('.floating-wpp').floatingWhatsApp({
                    phone: '551120900644',
                    popupMessage: 'Bem vindo, em que posso ajudar ?',
                    showPopup: false,
                    position: 'right',
                    autoOpen: false,
                    //autoOpenTimer: 4000,
                    message: '',
                    headerColor: '#000000',
                    headerTitle: 'PPK Motopeças | Importadora e Distribuidora de Motopeças',
                    //size: '24px',
                });
            });
        </script>
  
       <script src="https://www.marketformation.com.br/cdn/vendor/highlight/highlight.js" defer></script>
       <script type="text/javascript">
        htmx.on("htmx:afterRequest", function(evt) {
          //console.log("Request Done!");
          var $query   = $(".search-helper");
          var $content = $(".contentHelperHighlight");
          var searchTerm = $query.val();
            
          $content.removeHighlight();
        
          if ( searchTerm ) {
            $content.highlight( searchTerm );
          }
        });
      </script>
    
   
    
    <script src="https://www.marketformation.com.br/cdn/vendor/jquery-zoom/jquery.zoom.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function(){
        function isMobile() {
          return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
        }
        
        if (!isMobile()) {
          setTimeout( function() 
          {
            $('#main-picture').zoom({
              magnify: 1.2,
              duration: 200,
              on: 'grab'
            });
          }, 100);
        }else{
          $('#zoom-caption').hide();
        }
      });
    </script>
    <script type="text/javascript">
      htmx.on("htmx:afterRequest", function(evt) {
        //console.log("Request Done!");
        $('#main-picture').zoom({
          magnify: 1.2,
          duration: 200,
          on: 'grab'
        });
      });
    </script>
   
      <script src="https://www.marketformation.com.br/cdn/vendor/OwlCarousel2/owl.carousel.min.js"></script>
      <link rel="stylesheet" href="https://www.marketformation.com.br/cdn/vendor/OwlCarousel2/owl.carousel.min.css"/>
      <link rel="stylesheet" href="https://www.marketformation.com.br/cdn/vendor/OwlCarousel2/owl.theme.default.min.css"/>
    
    <script src="https://www.marketformation.com.br/cdn/vendor/lazy.load/lazyload.js"></script>
    <script type="text/javascript">
      $(function() {
        $("img.lazyload").lazyload({
             effect: "fadeIn",
             effectspeed: 500,
             load : function()
             {
                // Callback here
             }
           });
           
        $("button.changeImg").click(function(){
          var div = $(this).closest("div.relative"), //Div onde estão as imagens
              active = div.find("img.active");       //Imagem que está sendo mostrada no momento
          active.next("img").trigger('appear');      //Carregar a imagem pelo trigger do LazyLoad
        });
      });
    </script>
    
    <script type="text/javascript">
      htmx.on("htmx:afterRequest", function(evt) {
        $("html,body").trigger("scroll");
      });
    </script>
    
    
    <script type="text/javascript">
      $(document).ready(function ($) {
          var url = window.location.href;
          var activePage = url;
          $('#services a').each(function () {
              var linkPage = this.href;
      
              if (activePage == linkPage) {
                  $(this).addClass("active");
              }
          });
      });
    </script>
  
    <link rel="shortcut icon" href="/favicon/ppkrolemak.png" />
  
  

    <script src="https://www.marketformation.com.br/cdn/vendor/selectize/selectize.js"></script>
    <link rel="stylesheet" href="https://www.marketformation.com.br/cdn/vendor/selectize/selectize.min.css"/>
      
    
    <!--<script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.13.3/js/standalone/selectize.js" integrity="sha512-pF+DNRwavWMukUv/LyzDyDMn8U2uvqYQdJN0Zvilr6DDo/56xPDZdDoyPDYZRSL4aOKO/FGKXTpzDyQJ8je8Qw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>-->
    <!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.13.3/css/selectize.bootstrap4.min.css" integrity="sha512-MMojOrCQrqLg4Iarid2YMYyZ7pzjPeXKRvhW9nZqLo6kPBBTuvNET9DBVWptAo/Q20Fy11EIHM5ig4WlIrJfQw==" crossorigin="anonymous" referrerpolicy="no-referrer" />-->



<link rel="stylesheet" href="https://www.marketformation.com.br/cdn/vendor/mf/default.css"/>

<!-- Loading Head Website -->
<!--<link rel="preconnect" href="https://fonts.googleapis.com">-->
<!--<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>-->
<!--<link href="https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,400;0,776;1,600;1,800&display=swap" rel="stylesheet">-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Exo:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">


<style>
  body{ font-family: 'Exo', sans-serif; }
 .bg-gradient {
  background-color: #F1F1F1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3CradialGradient id='a' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23FFFFFF'/%3E%3Cstop offset='1' stop-color='%23F1F1F1'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='750' x2='1550' y2='750'%3E%3Cstop offset='0' stop-color='%23f8f8f8'/%3E%3Cstop offset='1' stop-color='%23F1F1F1'/%3E%3C/linearGradient%3E%3Cpath id='s' fill='url(%23b)' d='M1549.2 51.6c-5.4 99.1-20.2 197.6-44.2 293.6c-24.1 96-57.4 189.4-99.3 278.6c-41.9 89.2-92.4 174.1-150.3 253.3c-58 79.2-123.4 152.6-195.1 219c-71.7 66.4-149.6 125.8-232.2 177.2c-82.7 51.4-170.1 94.7-260.7 129.1c-90.6 34.4-184.4 60-279.5 76.3C192.6 1495 96.1 1502 0 1500c96.1-2.1 191.8-13.3 285.4-33.6c93.6-20.2 185-49.5 272.5-87.2c87.6-37.7 171.3-83.8 249.6-137.3c78.4-53.5 151.5-114.5 217.9-181.7c66.5-67.2 126.4-140.7 178.6-218.9c52.3-78.3 96.9-161.4 133-247.9c36.1-86.5 63.8-176.2 82.6-267.6c18.8-91.4 28.6-184.4 29.6-277.4c0.3-27.6 23.2-48.7 50.8-48.4s49.5 21.8 49.2 49.5c0 0.7 0 1.3-0.1 2L1549.2 51.6z'/%3E%3Cg id='g'%3E%3Cuse href='%23s' transform='scale(0.12) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.2) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.25) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(0.3) rotate(-20)'/%3E%3Cuse href='%23s' transform='scale(0.4) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(0.5) rotate(20)'/%3E%3Cuse href='%23s' transform='scale(0.6) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.7) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.835) rotate(-40)'/%3E%3Cuse href='%23s' transform='scale(0.9) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(1.05) rotate(25)'/%3E%3Cuse href='%23s' transform='scale(1.2) rotate(8)'/%3E%3Cuse href='%23s' transform='scale(1.333) rotate(-60)'/%3E%3Cuse href='%23s' transform='scale(1.45) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(1.6) rotate(10)'/%3E%3C/g%3E%3C/defs%3E%3Cg %3E%3Cg transform='translate(0 75)'%3E%3Ccircle fill='url(%23a)' r='3000'/%3E%3Cg opacity='0.5'%3E%3Ccircle fill='url(%23a)' r='2000'/%3E%3Ccircle fill='url(%23a)' r='1800'/%3E%3Ccircle fill='url(%23a)' r='1700'/%3E%3Ccircle fill='url(%23a)' r='1651'/%3E%3Ccircle fill='url(%23a)' r='1450'/%3E%3Ccircle fill='url(%23a)' r='1250'/%3E%3Ccircle fill='url(%23a)' r='1175'/%3E%3Ccircle fill='url(%23a)' r='900'/%3E%3Ccircle fill='url(%23a)' r='750'/%3E%3Ccircle fill='url(%23a)' r='500'/%3E%3Ccircle fill='url(%23a)' r='380'/%3E%3Ccircle fill='url(%23a)' r='250'/%3E%3C/g%3E%3Cg transform='rotate(-259.2 0 0)'%3E%3Cuse href='%23g' transform='rotate(10)'/%3E%3Cuse href='%23g' transform='rotate(120)'/%3E%3Cuse href='%23g' transform='rotate(240)'/%3E%3C/g%3E%3Ccircle fill-opacity='0.2' fill='url(%23a)' r='3000'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;}
</style>    <title></title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    
    <!-- Open Graph Protocol -->
    <meta property="og:title" content="" />
    <meta property="og:type" content="website" />
    <meta property="og:description" content="" />
    <meta property="og:url" content="https://www.yourwebsite.com/"/>
    <meta property="og:site_name" content="Your Website Name"/>

    <!-- Optional: Define a locale for your content -->
    <meta property="og:locale" content="pt_BR" />
    
  </head>
 <body x-cloak x-data="{ cartOpen: false , menuOpen: false, filtersOpen: false, menu_underline: '' }" class="text-gray-700">
     <div class="bg-gradient h-full">
       <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N3JCF2F" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

<!-- Loading Header Website -->
<div class="h-0.5 relative overflow-hidden">
  <div class="w-full h-full bg-gray-100 absolute"></div>
  <div id="bar" class="h-full bg-yellow-500 rounded-full relative w-0"></div>
</div>

<div class=" bg-red-700" id="header"> 
<!------------------------------------------------------------------------------------------
TOP HEADER
------------------------------------------------------------------------------------------>
<div class="hidden lg:block">
<div class="container lg:px-5 px-2 md:pt-2 mx-auto space-y-1 lg:space-y-0 lg:flex lg:items-center lg:justify-center lg:space-x-10 relative h-8">
  
  <!--Menu Fast-->
  <div class="flex">
        <div class="grid grid-flow-col items-center divide-x border-red-500 divide-red-500">
          <div class="text-xs px-4 text-center transition duration-200 text-gray-100 hover:underline transition duration-300">
            <a href="/representantes" target="_parent"><i class="fas fa-users"></i> Representantes </a>
          </div>
          <div class="text-xs px-4 text-center transition duration-200 text-gray-100 hover:underline transition duration-300">
            <a href="/contato" target="_parent"><i class="fas fa-id-card"></i> Contato </a>
          </div>
          <div class="text-xs px-4 text-center transition duration-200 text-gray-100 hover:underline transition duration-300">
            <a href="/quem-somos" target="_parent"><i class="fas fa-briefcase"></i> Quem somos </a>
          </div>
      </div>
  </div>
  
  <!--Menu Fast-->
  <!--Contact-->
  <div class="flex absolute right-0 pr-5">
      <div class="text-xs transition duration-200 text-gray-100 hover:underline">
        <span>
          <a target="_blank" href="https://api.whatsapp.com/send?phone=551120900644">
          <i class="fab fa-whatsapp fa-lg fa-fw"></i> (11) 2090-0644 / 2090-0640</a>
          </span>
      </div>
  </div>
  
</div>
</div>


<!------------------------------------------------------------------------------
HEADER
------------------------------------------------------------------------------------------>
<div class="hidden lg:block">
  <div class="container lg:px-5 px-2 py-4 mx-auto space-y-1 lg:space-y-0 lg:flex lg:items-center lg:justify-between lg:space-x-10">
   
  <!--Logotipo-->
  <div class="flex">
    <a href="/motopecas">
      <span class="sr-only">PPK Motoparts</span>
      <img class="" src="https://www.marketformation.com.br/cdn/svg/marca/ppkmotoparts.svg?version=1.1" title="PPK Motoparts" width="100" height="" alt="ppk motoparts logo 2">
    </a>
  </div>
  
  <!--Search-->
  <div class="flex lg:flex-1">
      <div class="w-full">
        <form id="search-form" action="/busca" method="GET" class="w-full">
          <div class="flex">
            <div class="relative w-full">
              
            	<input input id="search" autocomplete="off" name="q" value="" autofocus
            	       class="border border-1 h-10 border-gray-300 placeholder-gray-500 focus:border-green-600 text-gray-600 flex-shrink autoComplete flex-grow flex-auto w-full rounded-l flex-1 placeholder-opacity-50 text-lg px-3 relative focus:outline-none focus:border-transparent">
          	 </div>
        	   
        		<div class="flex -mr-px">
        			<button type="submit" class="flex items-center px-5 bg-green-600 border border-l-0 border-green-700 text-white rounded-r text-sm">
        			  <i class="fas fa-search"></i>
        			</button>
        		</div>
        		
            </div>
        </form>
        
      </div>
  </div>
  
  <!--Services-->
  <div class="flex" id="services">
    <div class="grid grid-flow-col items-center justify-between space-x-1 divide-x border-red-500 divide-red-500">
     
       <div class="flex">
        <a href="/minha-conta" class="flex items-center justify-between space-x-1 transition duration-200 text-gray-100 hover:underline transition duration-300">
        <div class="flex ml-2">
            <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 7a2 2 0 012 2m4 0a6 6 0 01-7.743 5.743L11 17H9v2H7v2H4a1 1 0 01-1-1v-2.586a1 1 0 01.293-.707l5.964-5.964A6 6 0 1121 9z" />
            </svg>
         </div>
         <div class="flex">
           <span class="leading-none text-xs">Fazer <br> Login</span>
         </div>
         </a>
       </div> 
    
     
     
     
    </div>
  </div>
</div>
</div>

<!------------------------------------------------------------------------------
Mobile
------------------------------------------------------------------------------------------>
<div class="lg:hidden">
    
  
  <div class="container mx-auto flex items-center justify-between py-3 space-x-4">
  
    <!--Menu-->
    <div class="flex">
      <button @click="menuOpen = !menuOpen" type="button" class="transition duration-200 text-gray-100 hover:underline mx-3 mt-1">
        <!-- Heroicon name: outline/menu -->
        <svg class="h-8 w-8" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
        </svg>
      </button>
      <div class="absolute top-0 inset-x-0 p-2 h-screen w-10/12 transition-all duration-100 transform origin-top-left z-50" x-show="menuOpen">
        <div class="rounded-lg shadow-m bg-opacity-40 border-b border-text-white bg-green-800 border-b border-green-900 bg-opacity-100 ring-1 ring-black ring-opacity-5 overflow-hidden" @click.away=" menuOpen = false">
          <div class="px-5 pt-4 flex items-center justify-between">
            <div>
              <a href="/motopecas"><img class="h-6 w-auto" src="https://www.marketformation.com.br/cdn/svg/marca/ppkmotoparts.svg?version=1.1" alt="PPK Motoparts" title="PPK Motoparts"></a>
            </div>
            <div class="-mr-2">
              <button @click="menuOpen = !menuOpen" type="button" class="rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:text-gray-500">
                <svg class="h-8 w-8 " xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
                </svg>
              </button>
            </div>
          </div>
          <div class="px-2 pt-2 pb-3 space-y-1">
              <a href="/busca" class="block px-3 py-2 rounded-md text-base font-medium transition duration-200 transition duration-200 text-gray-100 hover:underline">
                  <div class="flex items-center flex-row">
                      <div class="px-1 w-6"></div>
                      <div>Todos os Produtos</div>
                  </div>
              </a>
              <a href="/categorias" class="block px-3 py-2 rounded-md text-base font-medium transition duration-200 transition duration-200 text-gray-100 hover:underline">
                  <div class="flex items-center flex-row">
                      <div class="px-1 w-6"></div>
                      <div>Categorias</div>
                  </div>
              </a>
          </div>
        </div>
      </div>
    </div>
      
    <!--Logotipo-->
    <div class="flex flex-1">
      <a href="/motopecas">
        <span class="sr-only">PPK Motoparts</span>
        <img class="" src="https://www.marketformation.com.br/cdn/svg/marca/ppkmotoparts.svg?version=1.1" title="PPK Motoparts" width="100" height="" alt="PPK Motoparts">
      </a>
    </div>
    
     <!--User-->
    <div class="flex">
       <a href="/minha-conta" 
          class="transition duration-200 text-gray-100 hover:underline mx-3 mt-1">
        <!-- Heroicon name: outline/menu -->
        <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" viewBox="0 0 20 20" fill="currentColor" stroke="">
          <path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd" />
        </svg>
      </a>
    </div> 
    
    <!--cart-->
    
  </div>
  
  <!--Search-->
  <div class="container mx-auto flex items-center justify-between">
  <div class="px-3 mb-3 w-full">
    <div class="relative ">
      <form action="/busca" method="GET">
    	<div class="flex">   
        	<div class="relative w-full">
        	   <input id="search-mobile" autocomplete="off" name="q" value="" autofocus
                	  class="border border-1 h-10 border-gray-300 placeholder-gray-500 focus:border-green-600 text-gray-600 flex-shrink autoComplete flex-grow flex-auto w-full rounded-l flex-1 placeholder-opacity-50 text-sm px-3 relative focus:outline-none focus:border-transparent">
        	</div>
        	<div class="flex -mr-px">
            	<button type="submit" class="flex items-center px-5 bg-green-600 border border-l-0 border-green-700 text-white rounded-r text-sm">
            		<i class="fas fa-search"></i>
            	</button>
        	</div>
        </div>
    	</form>
    </div>
  </div>
  </div>

</div>

</div>
       <div class="bg-green-800 border-b border-green-900" id="menu">

<div hx-ext="client-side-templates">

    <div 
         hx-get="https://www.marketformation.com.br/meili/menu/categories/?filter=segmentoID:6&sort=categoriaOrdem%20Asc"
         hx-trigger="load"
         hx-swap="innerHTML"
         hx-target="#response-menu-ppkrolemak"
         mustache-template="menu-ppkrolemak"
    >
    </div>
    
    <template id ="menu-ppkrolemak">
        <div class="flex" x-data="{ sortModelo: new URLSearchParams(document.location.search) }">
           <div class="flex items-center flex-row space-x-2 xl:space-x-6 divide-x divide-green-600 -ml-6">
              {{#rows}} 
                 <a title="{{categoriaNome}}" 
                    :href="sortModelo.has('sort') || sortModelo.has('sortName') 
                    ? `/motopecas/{{categoriaSEO}}?filter=categoriaNome:&#34;{{categoriaNome}}&#34;&title={{categoriaNomeCompleto}}&sort=${sortModelo.get('sort')}&sortName=${sortModelo.get('sortName')}`
                    : '/motopecas/{{categoriaSEO}}?filter=categoriaNome:&#34;{{categoriaNome}}&#34;&title={{categoriaNomeCompleto}}'" class="pl-6 py-1 text-sm font-semibold uppercase font-extrabold text-white hover:text-green-200 transition duration-300">{{categoriaNome}}</a>
              {{/rows}}
           </div>
        </div>
    </template>
</div>


<div class="hidden lg:block">
    <div class="container lg:px-5 px-2 mx-auto flex justify-left content-center items-stretch py-2">
        <div class="flex flex-row space-x-2 xl:space-x-6 divide-x divide-green-600 h-7">
           
            <div id="response-menu-ppkrolemak"></div>
            
            <!-- Carteira Clientes -->
        </div>
    </div>
</div>
 

















</div>
                     <div class="mx-auto container px-2 my-1 min-h-container lg:px-5" x-data="{display: '', source: 'showcase', showDetail: false, showApplication: false }" 
x-init="0 > 0 ? display='list' : display='grid' ">

<!--- Filters Mobile ---->
 <div class="lg:hidden">
  <div :class="filtersOpen ? '-translate-x-0 ease-in' : '-translate-x-full ease-out'" class="fixed left-0 top-0 max-w-sm w-full h-full px-6 py-4 transition duration-300 transform overflow-y-auto bg-white text-gray-900  border-r-2 border-gray-300 z-20">
    <div class="flex items-center justify-between">
      <h3 class="text-2xl font-medium text-white">Filtros</h3>
      <button @click="filtersOpen = !filtersOpen" class="text-gray-600 focus:outline-none">
        <svg class="h-5 w-5" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor"><path d="M6 18L18 6M6 6l12 12"></path></svg>
      </button>
    </div>
    <hr class="my-3">
    <!------ Filter Mobile ------->
    <nav class="flex-1  overflow-y-hidden">
      <ul class=" pr-2 mt-3 space-y-1 overflow-y-auto divide-y divide- neumorphism-shadow">
        
      <li>
          <!---------- #Category ---------->
          <div x-data="{ showCollapseFilterCategory: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterCategory=!showCollapseFilterCategory">
        <span class="font-medium text-lg font-bold">Categoria</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterCategory" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterCategory" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterCategory" x-show="showCollapseFilterCategory">
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND categoriaNome:&quot;Caixa de Direção&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Caixa de Direção <span class="ml-1 text-xs">(14)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND categoriaNome:&quot;Rolamento de Moto&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Rolamento de Moto <span class="ml-1 text-xs">(12)</span>
            </a>
        </li>
    </ul>
</div>          <!---------- /Category ---------->
      </li>
        
      <li>
        <!---------- #Application ---------->
        <div x-data="{ showCollapseFilterMaker: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterMaker=!showCollapseFilterMaker">
        <span class="font-medium text-lg font-bold">Montadoras</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterMaker" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterMaker" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterMaker" x-show="showCollapseFilterMaker">
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoMontadoras:&quot;Dafra&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Dafra <span class="ml-1 text-xs">(5)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoGrupo:&quot;Suspensão&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center font-bold text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-check-square mr-1"></i> Honda <span class="ml-1 text-xs">(26)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoMontadoras:&quot;Kasinski&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Kasinski <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoMontadoras:&quot;Sundown&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Sundown <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoMontadoras:&quot;Suzuki&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Suzuki <span class="ml-1 text-xs">(5)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoMontadoras:&quot;Yamaha&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Yamaha <span class="ml-1 text-xs">(7)</span>
            </a>
        </li>
    </ul>
</div>        <!---------- /Application ----------> 
      </li>
      
      
      <li>
        <!---------- #Application ---------->
        <div x-data="{ showCollapseFilterGroup: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterGroup=!showCollapseFilterGroup">
        <span class="font-medium text-lg font-bold">Grupo</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterGroup" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterGroup" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterGroup" x-show="showCollapseFilterGroup">
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoGrupo:&quot;Motor&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Motor <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoGrupo:&quot;Roda&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Roda <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center font-bold text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-check-square mr-1"></i> Suspensão <span class="ml-1 text-xs">(26)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoGrupo:&quot;Transmissão&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Transmissão <span class="ml-1 text-xs">(5)</span>
            </a>
        </li>
    </ul>
</div>        <!---------- /Application ----------> 
      </li>
      
      <!---->
      <!--<li>-->
        <!---------- #Application ---------->
      <!--  </*?php echo View::factory('v1/product/showcase/_website/'.$website.'/_filters/subgroup');?*/>-->
        <!---------- /Application ----------> 
      <!--</li>-->
      <!---->
      
      <!---->
      <!--<li>-->
        <!---------- #Application ---------->
      <!--  </*?php echo View::factory('v1/product/showcase/_website/'.$website.'/_filters/motorcycle');?*/>-->
        <!---------- /Application ----------> 
      <!--</li>-->
      <!---->
      
      <li>
          <!---------- #Brand ---------->
          <div x-data="{ showCollapseFilterBrand: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterBrand=!showCollapseFilterBrand">
        <span class="font-medium text-lg font-bold">Marca</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterBrand" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterBrand" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterBrand" x-show="showCollapseFilterBrand">
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND produtoMarca:&quot;MAK&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> MAK <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND produtoMarca:&quot;PPK&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> PPK <span class="ml-1 text-xs">(25)</span>
            </a>
        </li>
    </ul>
</div>          <!---------- /Brand ---------->
      </li>
        
      <li>
        <!---------- #Packing ---------->
        <div x-data="{ showCollapseFilterPacking: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterPacking=!showCollapseFilterPacking">
        <span class="font-medium text-lg font-bold">Embalagem</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterPacking" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterPacking" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterPacking" x-show="showCollapseFilterPacking">
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND produtoEmbalagem:&quot;Caixinha Individual&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Caixinha Individual <span class="ml-1 text-xs">(25)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND produtoEmbalagem:&quot;Industrial&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Industrial <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
    </ul>
</div>        <!---------- /Packing ---------->
      </li>
      
        
      </ul>
   </nav>
  </div>
</div><!--- Filters Mobile ---->

<div class="grid grid-cols-6 gap-4">
    <!------- #Filtros  ------->
    <div class="hidden lg:block">
  <nav class="flex-1 max-h-full overflow-y-hidden">
    <ul class="max-h-full pr-1 space-y-1 overflow-y-auto divide-y divide- neumorphism-shadow">
    
    
      <li>
          <!---------- #Category ---------->
          <div x-data="{ showCollapseFilterCategory: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterCategory=!showCollapseFilterCategory">
        <span class="font-medium text-lg font-bold">Categoria</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterCategory" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterCategory" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterCategory" x-show="showCollapseFilterCategory">
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND categoriaNome:&quot;Caixa de Direção&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Caixa de Direção <span class="ml-1 text-xs">(14)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND categoriaNome:&quot;Rolamento de Moto&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Rolamento de Moto <span class="ml-1 text-xs">(12)</span>
            </a>
        </li>
    </ul>
</div>          <!---------- /Category ---------->
      </li>
        
      <li>
        <!---------- #Application ---------->
        <div x-data="{ showCollapseFilterMaker: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterMaker=!showCollapseFilterMaker">
        <span class="font-medium text-lg font-bold">Montadoras</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterMaker" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterMaker" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterMaker" x-show="showCollapseFilterMaker">
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoMontadoras:&quot;Dafra&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Dafra <span class="ml-1 text-xs">(5)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoGrupo:&quot;Suspensão&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center font-bold text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-check-square mr-1"></i> Honda <span class="ml-1 text-xs">(26)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoMontadoras:&quot;Kasinski&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Kasinski <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoMontadoras:&quot;Sundown&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Sundown <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoMontadoras:&quot;Suzuki&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Suzuki <span class="ml-1 text-xs">(5)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoMontadoras:&quot;Yamaha&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Yamaha <span class="ml-1 text-xs">(7)</span>
            </a>
        </li>
    </ul>
</div>        <!---------- /Application ----------> 
      </li>
      
      <li>
        <!---------- #Application ---------->
        <div x-data="{ showCollapseFilterModels: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterModels=!showCollapseFilterModels">
        <span class="font-medium text-lg font-bold">Modelos</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterModels" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterModels" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterModels" x-show="showCollapseFilterModels">
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;BIZ C&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> BIZ C <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;BURGMAN&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> BURGMAN <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;C&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> C <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;CB&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CB <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;CBR&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CBR <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;CBX&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CBX <span class="ml-1 text-xs">(13)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;CG&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CG <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;COMET&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> COMET <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;CRF&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CRF <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;CRYPTON&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CRYPTON <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;CTX&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> CTX <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;Citycom&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Citycom <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;DT&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> DT <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;Elite&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Elite <span class="ml-1 text-xs">(3)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;FAZER&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> FAZER <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;Fourtrax&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Fourtrax <span class="ml-1 text-xs">(3)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;GSR&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> GSR <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;INTRUDER&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> INTRUDER <span class="ml-1 text-xs">(3)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;KANSAS&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> KANSAS <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;KATANA&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> KATANA <span class="ml-1 text-xs">(3)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;LT&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> LT <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;MIRAGE&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> MIRAGE <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;NEO AT&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> NEO AT <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;NX&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> NX <span class="ml-1 text-xs">(10)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;NX-4&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> NX-4 <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;NXR&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> NXR <span class="ml-1 text-xs">(7)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;PCX&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> PCX <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;POP&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> POP <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;RD&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> RD <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;RDZ&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> RDZ <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;RM&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> RM <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;RX&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> RX <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;TT&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> TT <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;WEB&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> WEB <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;WIND&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> WIND <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;XL&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XL <span class="ml-1 text-xs">(3)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;XLR&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XLR <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;XLS&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XLS <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;XLX&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XLX <span class="ml-1 text-xs">(5)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;XR&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XR <span class="ml-1 text-xs">(10)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;XRE&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XRE <span class="ml-1 text-xs">(5)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;XTZ&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> XTZ <span class="ml-1 text-xs">(3)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;YBR&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> YBR <span class="ml-1 text-xs">(6)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;YS&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> YS <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoModelos:&quot;ZIG&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> ZIG <span class="ml-1 text-xs">(2)</span>
            </a>
        </li>
    </ul>
</div>        <!---------- /Application ----------> 
      </li>
      
      <li>
        <!---------- #Application ---------->
        <div x-data="{ showCollapseFilterGroup: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterGroup=!showCollapseFilterGroup">
        <span class="font-medium text-lg font-bold">Grupo</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterGroup" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterGroup" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterGroup" x-show="showCollapseFilterGroup">
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoGrupo:&quot;Motor&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Motor <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoGrupo:&quot;Roda&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Roda <span class="ml-1 text-xs">(4)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center font-bold text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-check-square mr-1"></i> Suspensão <span class="ml-1 text-xs">(26)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND aplicacaoMotoGrupo:&quot;Transmissão&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Transmissão <span class="ml-1 text-xs">(5)</span>
            </a>
        </li>
    </ul>
</div>        <!---------- /Application ----------> 
      </li>
      
      <!---->
      <!--<li>-->
        <!---------- #Application ---------->
      <!--  </*?php echo View::factory('v1/product/showcase/_website/'.$website.'/_filters/application');?*/>-->
        <!---------- /Application ----------> 
      <!--</li>-->
      <!---->
      
      <li>
          <!---------- #Brand ---------->
          <div x-data="{ showCollapseFilterBrand: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterBrand=!showCollapseFilterBrand">
        <span class="font-medium text-lg font-bold">Marca</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterBrand" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterBrand" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterBrand" x-show="showCollapseFilterBrand">
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND produtoMarca:&quot;MAK&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> MAK <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND produtoMarca:&quot;PPK&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> PPK <span class="ml-1 text-xs">(25)</span>
            </a>
        </li>
    </ul>
</div>          <!---------- /Brand ---------->
      </li>
        
      <li>
        <!---------- #Packing ---------->
        <div x-data="{ showCollapseFilterPacking: true }">
    <button class="flex items-center w-full px-1 py-2 mt-1 text-green-600 focus:outline-none" x-on:click.prevent="showCollapseFilterPacking=!showCollapseFilterPacking">
        <span class="font-medium text-lg font-bold">Embalagem</span>
        <span class="ml-auto">
            <svg x-show="!showCollapseFilterPacking" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
            </svg>
            
            <svg x-show="showCollapseFilterPacking" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
            </svg>
        </span>
    </button>
    <ul class="collapse" id="showCollapseFilterPacking" x-show="showCollapseFilterPacking">
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND produtoEmbalagem:&quot;Caixinha Individual&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Caixinha Individual <span class="ml-1 text-xs">(25)</span>
            </a>
        </li>
        <li>
            <a href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot; AND produtoEmbalagem:&quot;Industrial&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z" class="flex items-center text-xs px-2 py-1  transition-transform transform hover:translate-x-1">
                <i class="far fa-square mr-1"></i> Industrial <span class="ml-1 text-xs">(1)</span>
            </a>
        </li>
    </ul>
</div>        <!---------- /Packing ---------->
      </li>
      
      
    </ul>
  </nav>
</div>    <!------- /Filtros  ------->
    
    <div hx-ext="client-side-templates" class="col-span-6 lg:col-span-5">
      
        <!------ #Top ------>
        <div class="py-2 mt-1">
        <!---------- #Top ---------->
<div class="flex flex-col md:flex-row justify-between md:items-center">
  <div class="">
    <h1 class="text-base md:text-2xl font-bold text-gray-700">
          Produtos por Fabricante
    </h1>
    <span class="text-sm">Mostrando <b>1</b> até <b>25</b> de um total de <b>26</b> produto(s)</span>
  </div>
  
  <!---------- #Ordenar ---------->
  <div class="relative" x-data="{ dropdown: false, url: new URLSearchParams('filter=segmentoID:6%20AND%20aplicacaoMotoMontadoras:%22Honda%22%20AND%20aplicacaoMotoGrupo:%22Suspens%C3%A3o%22&amp;title=Produtos%20por%20Fabricante&amp;limit=25%22&amp;sort=produtoModelo:asc&amp;sortName=C%C3%B3digo%20A-Z'), href: '' }" 
       x-init="url.delete('sort'); url.delete('pagina'); url.delete('offset'); url.delete('limit'); href = url.toString(); href.length ? href = href + '&' : href = ''">
    <button @click="dropdown = !dropdown" 
            @keydown.escape="dropdown = false" 
            class="flex items-center">
      <span class="font-semibold">Código A-Z</span>
      <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M15.3 9.3a1 1 0 0 1 1.4 1.4l-4 4a1 1 0 0 1-1.4 0l-4-4a1 1 0 0 1 1.4-1.4l3.3 3.29 3.3-3.3z" class="heroicon-ui"></path></svg>
    </button>
    
    <ul x-transition x-show="dropdown" @click.away="dropdown = false"
        class="absolute font-normal bg-white shadow overflow-hidden rounded w-48 border mt-2 py-1 left-0 top-3 z-20 text-gray-900">
      <li>
        <a :href="'/busca?'+href+'sort=ecommerceNomeCompleto:desc&sortName=Nome Z-A'" class="flex items-center px-3 py-1 hover:bg-gray-200">
          <i class="fas fal-lg fa-fw fa-sort-alpha-down-alt"></i>
          <span class="ml-2">Nome Z-A</span>
        </a>
      </li>
      <li>
        <a :href="'/busca?'+href+'sort=ecommerceNomeCompleto:asc&sortName=Nome A-Z'" class="flex items-center px-3 py-1 hover:bg-gray-200">
          <i class="fas fal-lg fa-fw fa-sort-alpha-down"></i>
          <span class="ml-2">Nome A-Z</span>
        </a>
      </li>
      
      <li>
        <a :href="'/busca?'+href+'sort=produtoModelo:desc&sortName=Código Z-A'" class="flex items-center px-3 py-1 hover:bg-gray-200">
          <i class="fas fal-lg fa-fw fa-sort-alpha-down-alt"></i>
          <span class="ml-2">Código Z-A</span>
        </a>
      </li>
      <li>
        <a :href="'/busca?'+href+'sort=produtoModelo:asc&sortName=Código A-Z'" class="flex items-center px-3 py-1 hover:bg-gray-200">
          <i class="fas fal-lg fa-fw fa-sort-alpha-down"></i>
          <span class="ml-2">Código A-Z</span>
        </a>
      </li>
    </ul>
  </div>
  
  <!---------- /Ordenar ---------->
  
  
  <div class="flex items-center">
     <button class="md:hidden inline-flex items-center transition-colors duration-300 ease-in focus:outline-none hover:text- focus:text- px-2 py-1" 
             id="filters" @click="filtersOpen = !filtersOpen">
     <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" viewBox="0 0 24 24" fill="currentColor">  <path fill-rule="evenodd" d="M3 3a1 1 0 011-1h12a1 1 0 011 1v3a1 1 0 01-.293.707L12 11.414V15a1 1 0 01-.293.707l-2 2A1 1 0 018 17v-5.586L3.293 6.707A1 1 0 013 6V3z" clip-rule="evenodd" /></svg>
      <span>Filtro</span>
    </button>
    
    <button hx-post="/config/showcase" hx-swap="none" hx-include="[id='showcase_grid']"
            class="inline-flex items-center transition-colors duration-300 ease-in focus:outline-none hover:text- focus:text- px-2 py-1 active" id="grid"
            @click="display = 'grid'" :class="{ 'text-white font-bold  rounded-full bg-gray-700': display === 'grid' }">
      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="fill-current w-4 h-4 mr-2"><rect x="3" y="3" width="7" height="7"></rect><rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect></svg>
      <span>Tabela</span>
      <input id="showcase_grid" type="hidden" name="configuracaoVitrine" value="1"/>
    </button>
    
    <button hx-post="/config/showcase" hx-swap="none" hx-include="[id='showcase_list']"
            class="inline-flex items-center transition-colors duration-300 ease-in focus:outline-none hover:text- focus:text- px-2 py-1" id="list"
            @click="display = 'list'" :class="{ 'text-white font-bold rounded-full bg-gray-700': display === 'list' }">
      <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="fill-current w-4 h-4 mr-2"><line x1="8" y1="6" x2="21" y2="6"></line><line x1="8" y1="12" x2="21" y2="12"></line><line x1="8" y1="18" x2="21" y2="18"></line><line x1="3" y1="6" x2="3.01" y2="6"></line><line x1="3" y1="12" x2="3.01" y2="12"></line><line x1="3" y1="18" x2="3.01" y2="18"></line></svg>
      <span>Lista</span>
      <input id="showcase_list" type="hidden" name="configuracaoVitrine" value="0"/>
    </button>
  </div>
 
</div>
<!---------- /Top ---------->        </div>
        <!------ /Top ------>
      
        <!---------- #Paginador ---------->
        <div class="my-2">
          <div class="flex justify-between items-center">

<div class="flex items-center justify-center">
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;pagina=1&amp;offset=0" :class="{'bg-gray-400 text-gray-700 font-bold': 1 === 1 }">
          1
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;pagina=2&amp;offset=25" :class="{'bg-gray-400 text-gray-700 font-bold': 2 === 1 }">
          2
        </a>
        <a class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border border-gray-200 bg-gray-100 px-4 py-2 rounded-r outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;pagina=2&amp;offset=25">
          <i class="fas fa-angle-right"></i>
        </a>
</div>

</div>
        </div>
        <!---------- /Paginador ---------->
        
        <!-------- #Produtos -------->
        <div id="productsDisplay" class="grid grid-flow-row mt-3 contentSearchHighlight" :class="{'grid-cols-2 md:grid-cols-3 lg:grid-cols-3 xl:grid-cols-4 gap-1 sm:gap-3': display === 'grid', 'gap-2': display === 'list'}">
  <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_14965" name="product_id" value="14965"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_14965 > img').length-1;">
        <div class=" w-1/12">
            <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2"
                    @click="current > 0 ? current -= 1 : current = limit">
                <i class="fas fa-lg fa-chevron-left"></i>
            </button>
        </div>
        <a id="gallery_14965" href="/produto/caixa-de-direo-para-honda-bros-0308-xlr125-xlr-nx-400-falcon-xr-tornado-caixa-de-direo-para-honda-32005x26/14965" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/14965.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===1" title="32005X/26 Rolamento para Caixa de Direção" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===1 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50115/50115.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===2" title="32005X/26 Rolamento para Caixa de Direção" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===2 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50116/50116.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

<a x-show="display==='list'" href="/produto/caixa-de-direo-para-honda-bros-0308-xlr125-xlr-nx-400-falcon-xr-tornado-caixa-de-direo-para-honda-32005x26/14965" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/14965.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/caixa-de-direo-para-honda-bros-0308-xlr125-xlr-nx-400-falcon-xr-tornado-caixa-de-direo-para-honda-32005x26/14965 class="" title="
                Caixa de Direção Honda Bros 03&gt;08, XLR125, NX 400 Falcon
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">32005X/26</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Caixa de Direção Honda Bros 03&gt;08, XLR125, NX 400 Falcon
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_14965']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_14618" name="product_id" value="14618"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'mak' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="mak" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/mak.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_14618 > img').length-1;">
        <a id="gallery_14618" href="/produto/rolamento-roda-traseira-suzuki-srad-750--transmisso-dianteira-quadriciclo-fourtrax-420-0820-rolamento-roda-traseira-suzuki-60322rsc3/14618" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/14618.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-roda-traseira-suzuki-srad-750--transmisso-dianteira-quadriciclo-fourtrax-420-0820-rolamento-roda-traseira-suzuki-60322rsc3/14618" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/14618.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-roda-traseira-suzuki-srad-750--transmisso-dianteira-quadriciclo-fourtrax-420-0820-rolamento-roda-traseira-suzuki-60322rsc3/14618 class="" title="
                Rolamento Roda Traseira Suzuki Srad 750 | Transmissão Dianteira Fourtrax 420
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">60/32-2RSC3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento Roda Traseira Suzuki Srad 750 | Transmissão Dianteira Fourtrax 420
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_14618']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="mak" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/mak.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_338" name="product_id" value="338"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_338 > img').length-1;">
        <div class=" w-1/12">
            <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2"
                    @click="current > 0 ? current -= 1 : current = limit">
                <i class="fas fa-lg fa-chevron-left"></i>
            </button>
        </div>
        <a id="gallery_338" href="/produto/rolamento-do-eixo-do-comando-de-vlvulas-yamaha-ybr-125-factor-125--lado-esquerdo--tampa-lateral-esquerda-honda-pcx-150--160--xtz125--150-crosser-fazer-ys150-factor-150---lado-direito-rolamento-do-eixo-do-comando-de-vlvulas-yamaha-60022rsc3/338" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/338.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===1" title="" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===1 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/53635/53635.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-do-eixo-do-comando-de-vlvulas-yamaha-ybr-125-factor-125--lado-esquerdo--tampa-lateral-esquerda-honda-pcx-150--160--xtz125--150-crosser-fazer-ys150-factor-150---lado-direito-rolamento-do-eixo-do-comando-de-vlvulas-yamaha-60022rsc3/338" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/338.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-do-eixo-do-comando-de-vlvulas-yamaha-ybr-125-factor-125--lado-esquerdo--tampa-lateral-esquerda-honda-pcx-150--160--xtz125--150-crosser-fazer-ys150-factor-150---lado-direito-rolamento-do-eixo-do-comando-de-vlvulas-yamaha-60022rsc3/338 class="" title="
                Rolamento do Eixo do Comando de Válvulas Lado Esquerdo YBR 125, Factor 125
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6002-2RSC3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Eixo do Comando de Válvulas Lado Esquerdo YBR 125, Factor 125
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_338']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_2812" name="product_id" value="2812"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_2812 > img').length-1;">
        <a id="gallery_2812" href="/produto/rolamento-do-eixo-do-comando-de-vlvulas-yamaha-ybr-125-factor-125---lado-esquerdo--xtz125-xtz150-crosserys150-fazer-factor150---lado-direito-rolamento-do-eixo-do-comando-de-vlvulas-yamaha-6002zz/2812" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/2812.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-do-eixo-do-comando-de-vlvulas-yamaha-ybr-125-factor-125---lado-esquerdo--xtz125-xtz150-crosserys150-fazer-factor150---lado-direito-rolamento-do-eixo-do-comando-de-vlvulas-yamaha-6002zz/2812" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/2812.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-do-eixo-do-comando-de-vlvulas-yamaha-ybr-125-factor-125---lado-esquerdo--xtz125-xtz150-crosserys150-fazer-factor150---lado-direito-rolamento-do-eixo-do-comando-de-vlvulas-yamaha-6002zz/2812 class="" title="
                Rolamento do Eixo do Comando de Válvulas Lado Esquerdo YBR 125, Factor 125
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6002-ZZ</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Eixo do Comando de Válvulas Lado Esquerdo YBR 125, Factor 125
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_2812']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_2818" name="product_id" value="2818"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_2818 > img').length-1;">
        <div class=" w-1/12">
            <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2"
                    @click="current > 0 ? current -= 1 : current = limit">
                <i class="fas fa-lg fa-chevron-left"></i>
            </button>
        </div>
        <a id="gallery_2818" href="/produto/rolamento-de-roda-dianteira-traseira-para-yamaha-ybr125-factor-ys150-fazer-ys250-fazer--roda-dianteira-honda-cg125-titanfan--dafra-citycom-300--kawasaki-ninja-250--300--transmisso-pcx-150--160-rolamento-de-roda-dianteira-traseira-para-yamaha-62022rsc3/2818" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/2818.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===1" title="6202-2RSC3 Rolamento Rígido de Esferas" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===1 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50147/50147.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===2" title="6202-2RSC3 Rolamento Rígido de Esferas" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===2 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50148/50148.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===3" title="6202-2RSC3 Rolamento Rígido de Esferas" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===3 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50149/50149.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===4" title="" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===4 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/53642/53642.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-de-roda-dianteira-traseira-para-yamaha-ybr125-factor-ys150-fazer-ys250-fazer--roda-dianteira-honda-cg125-titanfan--dafra-citycom-300--kawasaki-ninja-250--300--transmisso-pcx-150--160-rolamento-de-roda-dianteira-traseira-para-yamaha-62022rsc3/2818" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/2818.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-de-roda-dianteira-traseira-para-yamaha-ybr125-factor-ys150-fazer-ys250-fazer--roda-dianteira-honda-cg125-titanfan--dafra-citycom-300--kawasaki-ninja-250--300--transmisso-pcx-150--160-rolamento-de-roda-dianteira-traseira-para-yamaha-62022rsc3/2818 class="" title="
                Rolamento da Roda Dianteira/Traseira Fazer 250 | Dianteira CG125, Citycom 300, Ninja 250/300
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6202-2RSC3</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento da Roda Dianteira/Traseira Fazer 250 | Dianteira CG125, Citycom 300, Ninja 250/300
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_2818']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_2717" name="product_id" value="2717"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_2717 > img').length-1;">
        <a id="gallery_2717" href="/produto/rolamento-da-turbina-para-jet-ski-kawasaki-moto-aqutica-750-900-1100-stx-rolamento-da-turbina-para-jet-ski-kawasaki-6202zz/2717" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/2717.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-da-turbina-para-jet-ski-kawasaki-moto-aqutica-750-900-1100-stx-rolamento-da-turbina-para-jet-ski-kawasaki-6202zz/2717" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/2717.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-da-turbina-para-jet-ski-kawasaki-moto-aqutica-750-900-1100-stx-rolamento-da-turbina-para-jet-ski-kawasaki-6202zz/2717 class="" title="
                Rolamento da Turbina para Jet Ski Kawasaki 750, 900, 1100, STX
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">6202-ZZ</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento da Turbina para Jet Ski Kawasaki 750, 900, 1100, STX
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_2717']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_30027" name="product_id" value="30027"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_30027 > img').length-1;">
        <a id="gallery_30027" href="/produto/rolamento-da-suspenso-pr-link-honda-cbx200-strada-nx350-sahara-xr200-r-nx200-xls125-xlr125-xlx350-rolamento-da-suspenso-pr-link-honda-f110722/30027" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/30027.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-da-suspenso-pr-link-honda-cbx200-strada-nx350-sahara-xr200-r-nx200-xls125-xlr125-xlx350-rolamento-da-suspenso-pr-link-honda-f110722/30027" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/30027.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-da-suspenso-pr-link-honda-cbx200-strada-nx350-sahara-xr200-r-nx200-xls125-xlr125-xlx350-rolamento-da-suspenso-pr-link-honda-f110722/30027 class="" title="
                Rolamento Suspensão Pró-Link Honda XLS125, XLR125, XLX350
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">F-110722</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento Suspensão Pró-Link Honda XLS125, XLR125, XLX350
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_30027']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_30030" name="product_id" value="30030"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_30030 > img').length-1;">
        <a id="gallery_30030" href="/produto/rolamento-do-amortecedor-traseiro-honda-cbx200-strada-xr200r-nx200-rolamento-do-amortecedor-traseiro-honda-f110723/30030" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/30030.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-do-amortecedor-traseiro-honda-cbx200-strada-xr200r-nx200-rolamento-do-amortecedor-traseiro-honda-f110723/30030" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/30030.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-do-amortecedor-traseiro-honda-cbx200-strada-xr200r-nx200-rolamento-do-amortecedor-traseiro-honda-f110723/30030 class="" title="
                Rolamento do Amortecedor Traseiro Honda CBX200 Strada, XR200R
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">F-110723</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Amortecedor Traseiro Honda CBX200 Strada, XR200R
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_30030']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_32614" name="product_id" value="32614"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_32614 > img').length-1;">
        <a id="gallery_32614" href="/produto/rolamento-da-suspenso-pr-link-honda-xr-250-tornado-cbx-250-twister-xre-300-nx-400-falcon-rolamento-da-suspenso-pr-link-honda-f110820/32614" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/32614.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-da-suspenso-pr-link-honda-xr-250-tornado-cbx-250-twister-xre-300-nx-400-falcon-rolamento-da-suspenso-pr-link-honda-f110820/32614" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/32614.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-da-suspenso-pr-link-honda-xr-250-tornado-cbx-250-twister-xre-300-nx-400-falcon-rolamento-da-suspenso-pr-link-honda-f110820/32614 class="" title="
                Rolamento da Suspensão Pró-Link Honda XR 250 Tornado, CBX 250 Twister
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">F-110820</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento da Suspensão Pró-Link Honda XR 250 Tornado, CBX 250 Twister
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_32613" name="product_id" value="32613"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_32613 > img').length-1;">
        <a id="gallery_32613" href="/produto/rolamento-do-centro-da-suspenso-pr-link-honda-xr-250-tornado-cbx-250-twister-xre-300-nx-400-falcon---todos-os-modelos-rolamento-do-centro-da-suspenso-pr-link-honda-f110821/32613" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/32613.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-do-centro-da-suspenso-pr-link-honda-xr-250-tornado-cbx-250-twister-xre-300-nx-400-falcon---todos-os-modelos-rolamento-do-centro-da-suspenso-pr-link-honda-f110821/32613" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/32613.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-do-centro-da-suspenso-pr-link-honda-xr-250-tornado-cbx-250-twister-xre-300-nx-400-falcon---todos-os-modelos-rolamento-do-centro-da-suspenso-pr-link-honda-f110821/32613 class="" title="
                Rolamento do Centro da Suspensão Pró-Link Honda XR 250 Tornado, CBX 250 Twister
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">F-110821</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento do Centro da Suspensão Pró-Link Honda XR 250 Tornado, CBX 250 Twister
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_30028" name="product_id" value="30028"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_30028 > img').length-1;">
        <a id="gallery_30028" href="/produto/rolamento-da-suspenso-pr-link-honda-twister-cbx250-bros-nxr125-0305-nxr150--yamaha-crosser-xtz150-fazer-ys250-rolamento-da-suspenso-pr-link-f113101/30028" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/30028.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-da-suspenso-pr-link-honda-twister-cbx250-bros-nxr125-0305-nxr150--yamaha-crosser-xtz150-fazer-ys250-rolamento-da-suspenso-pr-link-f113101/30028" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/30028.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-da-suspenso-pr-link-honda-twister-cbx250-bros-nxr125-0305-nxr150--yamaha-crosser-xtz150-fazer-ys250-rolamento-da-suspenso-pr-link-f113101/30028 class="" title="
                Rolamento Suspensão Pró-Link Honda Bros NXR125 / NXR150 03&gt;05
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">F-113101</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento Suspensão Pró-Link Honda Bros NXR125 / NXR150 03&gt;05
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_30028']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1646625" name="product_id" value="1646625"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_1646625 > img').length-1;">
        <a id="gallery_1646625" href="/produto/rolamento-da-suspenso-honda-crf150230-f-bros-nxr125-0305-xr125-tornado-xr250-quadriciclo-fourtrax-0813-rolamento-da-suspenso-honda-hk2020/1646625" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1646625.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-da-suspenso-honda-crf150230-f-bros-nxr125-0305-xr125-tornado-xr250-quadriciclo-fourtrax-0813-rolamento-da-suspenso-honda-hk2020/1646625" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1646625.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-da-suspenso-honda-crf150230-f-bros-nxr125-0305-xr125-tornado-xr250-quadriciclo-fourtrax-0813-rolamento-da-suspenso-honda-hk2020/1646625 class="" title="
                Rolamento da Suspensão Bros NXR125 03&gt;05, Tornado XR250, Quadriciclo Fourtrax 08&gt;13
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">HK2020</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento da Suspensão Bros NXR125 03&gt;05, Tornado XR250, Quadriciclo Fourtrax 08&gt;13
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_1646625']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_997737" name="product_id" value="997737"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_997737 > img').length-1;">
        <a id="gallery_997737" href="/produto/rolamento-da-suspenso-honda-ctx200-xl200-xlrxls125-xlx350-xr200-nx350-sahara-rolamento-da-suspenso-honda-hk203000/997737" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/997737.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/rolamento-da-suspenso-honda-ctx200-xl200-xlrxls125-xlx350-xr200-nx350-sahara-rolamento-da-suspenso-honda-hk203000/997737" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/997737.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/rolamento-da-suspenso-honda-ctx200-xl200-xlrxls125-xlx350-xr200-nx350-sahara-rolamento-da-suspenso-honda-hk203000/997737 class="" title="
                Rolamento da Suspensão Honda XLR/XLS 125, XLX350
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">HK2030-00</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Rolamento da Suspensão Honda XLR/XLS 125, XLX350
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_997737']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1648367" name="product_id" value="1648367"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_1648367 > img').length-1;">
        <a id="gallery_1648367" href="/produto/caixa-de-direo-esfrica-para-honda-titan-cg-125-0004-cg-150-0415-cg-160-16--fan-cg-125-0518-cg-150-1015-cg-160-16-caixa-de-direo-esfrica-para-honda-ppkh001b/1648367" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1648367.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/caixa-de-direo-esfrica-para-honda-titan-cg-125-0004-cg-150-0415-cg-160-16--fan-cg-125-0518-cg-150-1015-cg-160-16-caixa-de-direo-esfrica-para-honda-ppkh001b/1648367" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1648367.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/caixa-de-direo-esfrica-para-honda-titan-cg-125-0004-cg-150-0415-cg-160-16--fan-cg-125-0518-cg-150-1015-cg-160-16-caixa-de-direo-esfrica-para-honda-ppkh001b/1648367 class="" title="
                Caixa de Direção Titan CG125 Titan/Fan 00&gt;..., CG150 Titan/Fan 04&gt;15, CG160 Titan/Fan 16&gt;...
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">PPK-H001B</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Caixa de Direção Titan CG125 Titan/Fan 00&gt;..., CG150 Titan/Fan 04&gt;15, CG160 Titan/Fan 16&gt;...
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_1648367']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1648374" name="product_id" value="1648374"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_1648374 > img').length-1;">
        <a id="gallery_1648374" href="/produto/caixa-de-direo-cnica-para-honda-titan-cg-125-0004-cg-150-0415-cg-160-16--fan-cg-125-0518-cg-150-1015-cg-160-16-caixa-de-direo-cnica-para-honda-ppkh001r/1648374" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1648374.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/caixa-de-direo-cnica-para-honda-titan-cg-125-0004-cg-150-0415-cg-160-16--fan-cg-125-0518-cg-150-1015-cg-160-16-caixa-de-direo-cnica-para-honda-ppkh001r/1648374" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1648374.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/caixa-de-direo-cnica-para-honda-titan-cg-125-0004-cg-150-0415-cg-160-16--fan-cg-125-0518-cg-150-1015-cg-160-16-caixa-de-direo-cnica-para-honda-ppkh001r/1648374 class="" title="
                Caixa de Direção Cônica Titan CG125 Titan/Fan 00&gt;..., CG150 Titan/Fan 04&gt;15, CG160 Titan/Fan 16&gt;...
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">PPK-H001R</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Caixa de Direção Cônica Titan CG125 Titan/Fan 00&gt;..., CG150 Titan/Fan 04&gt;15, CG160 Titan/Fan 16&gt;...
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_1648374']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1648371" name="product_id" value="1648371"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_1648371 > img').length-1;">
        <div class=" w-1/12">
            <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2"
                    @click="current > 0 ? current -= 1 : current = limit">
                <i class="fas fa-lg fa-chevron-left"></i>
            </button>
        </div>
        <a id="gallery_1648371" href="/produto/caixa-de-direo-para-honda-cg125-titan-7999-xls125-cbx200s--kansas150--comet150-mirage150-caixa-de-direo-para-honda-ppkh002b/1648371" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1648371.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===1" title="PPK-H002B Rolamento para Caixa de Direção" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===1 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50062/50062.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===2" title="PPK-H002B Rolamento para Caixa de Direção" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===2 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50117/50117.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===3" title="PPK-H002B Rolamento para Caixa de Direção" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===3 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50118/50118.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

<a x-show="display==='list'" href="/produto/caixa-de-direo-para-honda-cg125-titan-7999-xls125-cbx200s--kansas150--comet150-mirage150-caixa-de-direo-para-honda-ppkh002b/1648371" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1648371.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/caixa-de-direo-para-honda-cg125-titan-7999-xls125-cbx200s--kansas150--comet150-mirage150-caixa-de-direo-para-honda-ppkh002b/1648371 class="" title="
                Caixa de Direção para Honda CG125 Titan 79&gt;99, XLS125, CBX200S
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">PPK-H002B</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Caixa de Direção para Honda CG125 Titan 79&gt;99, XLS125, CBX200S
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_1648371']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1648375" name="product_id" value="1648375"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_1648375 > img').length-1;">
        <a id="gallery_1648375" href="/produto/caixa-de-direo-cnica-para-honda-cg125-titan-7999-cbx200-xls125--dafra-kansas-150--kasinski-comet-150-mirage-150-caixa-de-direo-cnica-para-honda-ppkh002r/1648375" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1648375.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/caixa-de-direo-cnica-para-honda-cg125-titan-7999-cbx200-xls125--dafra-kansas-150--kasinski-comet-150-mirage-150-caixa-de-direo-cnica-para-honda-ppkh002r/1648375" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1648375.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/caixa-de-direo-cnica-para-honda-cg125-titan-7999-cbx200-xls125--dafra-kansas-150--kasinski-comet-150-mirage-150-caixa-de-direo-cnica-para-honda-ppkh002r/1648375 class="" title="
                Caixa de Direção Cônica para Honda CG125 Titan 79&gt;99, CBX200, XLS125
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">PPK-H002R</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Caixa de Direção Cônica para Honda CG125 Titan 79&gt;99, CBX200, XLS125
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_1648375']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1648369" name="product_id" value="1648369"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_1648369 > img').length-1;">
        <div class=" w-1/12">
            <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2"
                    @click="current > 0 ? current -= 1 : current = limit">
                <i class="fas fa-lg fa-chevron-left"></i>
            </button>
        </div>
        <a id="gallery_1648369" href="/produto/caixa-de-direo-esfrica-para-honda-c100-biz--dream-9815-c125-06-pop100-07-scooter-pcx-150-1319-caixa-de-direo-esfrica-para-honda-ppkh003b/1648369" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1648369.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===1" title="PPK-H003B Rolamento para Caixa de Direção" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===1 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50078/50078.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===2" title="PPK-H003B Rolamento para Caixa de Direção" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===2 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50079/50079.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===3" title="PPK-H003B Rolamento para Caixa de Direção" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===3 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50080/50080.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===4" title="PPK-H003B Rolamento para Caixa de Direção" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===4 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50081/50081.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

<a x-show="display==='list'" href="/produto/caixa-de-direo-esfrica-para-honda-c100-biz--dream-9815-c125-06-pop100-07-scooter-pcx-150-1319-caixa-de-direo-esfrica-para-honda-ppkh003b/1648369" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1648369.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/caixa-de-direo-esfrica-para-honda-c100-biz--dream-9815-c125-06-pop100-07-scooter-pcx-150-1319-caixa-de-direo-esfrica-para-honda-ppkh003b/1648369 class="" title="
                Caixa de Direção para C100 Biz/Dream 98&gt;15, C125 06&gt;..., POP100 07&gt;..., PCX 150 13&gt;19
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">PPK-H003B</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Caixa de Direção para C100 Biz/Dream 98&gt;15, C125 06&gt;..., POP100 07&gt;..., PCX 150 13&gt;19
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_1648369']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1648729" name="product_id" value="1648729"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_1648729 > img').length-1;">
        <div class=" w-1/12">
            <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2"
                    @click="current > 0 ? current -= 1 : current = limit">
                <i class="fas fa-lg fa-chevron-left"></i>
            </button>
        </div>
        <a id="gallery_1648729" href="/produto/caixa-de-direo-cnica-para-honda-c100-biz--dream-9815-c125-06-pop100-07-scooter-pcx-150-1319-caixa-de-direo-cnica-para-honda-ppkh003r/1648729" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1648729.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===1" title="PPK-H003R Rolamento para Caixa de Direção" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===1 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50075/50075.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===2" title="PPK-H003R Rolamento para Caixa de Direção" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===2 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50076/50076.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===3" title="PPK-H003R Rolamento para Caixa de Direção" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===3 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50077/50077.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

<a x-show="display==='list'" href="/produto/caixa-de-direo-cnica-para-honda-c100-biz--dream-9815-c125-06-pop100-07-scooter-pcx-150-1319-caixa-de-direo-cnica-para-honda-ppkh003r/1648729" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1648729.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/caixa-de-direo-cnica-para-honda-c100-biz--dream-9815-c125-06-pop100-07-scooter-pcx-150-1319-caixa-de-direo-cnica-para-honda-ppkh003r/1648729 class="" title="
                Caixa de Direção Cônica para C100 Biz/Dream 98&gt;15, C125 06&gt;..., POP100 07&gt;..., PCX 150 13&gt;19
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">PPK-H003R</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Caixa de Direção Cônica para C100 Biz/Dream 98&gt;15, C125 06&gt;..., POP100 07&gt;..., PCX 150 13&gt;19
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_1648729']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1648368" name="product_id" value="1648368"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_1648368 > img').length-1;">
        <a id="gallery_1648368" href="/produto/caixa-de-direo-esfrica-para-honda-nx150200350400500650-xlr125250-xlx250350-xr200250400-nxr125150-bros-xre300-caixa-de-direo-esfrica-para-honda-ppkh004b/1648368" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1648368.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/caixa-de-direo-esfrica-para-honda-nx150200350400500650-xlr125250-xlx250350-xr200250400-nxr125150-bros-xre300-caixa-de-direo-esfrica-para-honda-ppkh004b/1648368" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1648368.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/caixa-de-direo-esfrica-para-honda-nx150200350400500650-xlr125250-xlx250350-xr200250400-nxr125150-bros-xre300-caixa-de-direo-esfrica-para-honda-ppkh004b/1648368 class="" title="
                Caixa de Direção Honda Bros NX150, Bros NXR125, XLR125, XLX250
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">PPK-H004B</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Caixa de Direção Honda Bros NX150, Bros NXR125, XLR125, XLX250
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_1648368']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1648373" name="product_id" value="1648373"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_1648373 > img').length-1;">
        <a id="gallery_1648373" href="/produto/caixa-de-direo-cnica-para-honda-bros-nxr150-0315-nxr160-1624-nx150200-xr250-tornado-0108-caixa-de-direo-cnica-para-honda-ppkh004r/1648373" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1648373.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/caixa-de-direo-cnica-para-honda-bros-nxr150-0315-nxr160-1624-nx150200-xr250-tornado-0108-caixa-de-direo-cnica-para-honda-ppkh004r/1648373" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1648373.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/caixa-de-direo-cnica-para-honda-bros-nxr150-0315-nxr160-1624-nx150200-xr250-tornado-0108-caixa-de-direo-cnica-para-honda-ppkh004r/1648373 class="" title="
                Caixa de Direção Cônica Bros NXR150/160, NX150/200, XR200/250
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">PPK-H004R</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Caixa de Direção Cônica Bros NXR150/160, NX150/200, XR200/250
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_1648373']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1648727" name="product_id" value="1648727"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_1648727 > img').length-1;">
        <div class=" w-1/12">
            <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2"
                    @click="current > 0 ? current -= 1 : current = limit">
                <i class="fas fa-lg fa-chevron-left"></i>
            </button>
        </div>
        <a id="gallery_1648727" href="/produto/caixa-de-direo-esfrica-para-honda-cb-300-rra-0915-cb-250f-twister-1622-cbx-250-twister-0108-cbr-600-rr-0114-cbr-500-rra-1418-caixa-de-direo-esfrica-para-honda-ppkh005b/1648727" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1648727.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===1" title="PPK-H005B Rolamento para caixa de direção" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===1 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50119/50119.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===2" title="PPK-H005B Rolamento para caixa de direção" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===2 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50120/50120.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===3" title="PPK-H005B Rolamento para caixa de direção" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===3 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50121/50121.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===4" title="PPK-H005B Rolamento para caixa de direção" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===4 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50122/50122.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

<a x-show="display==='list'" href="/produto/caixa-de-direo-esfrica-para-honda-cb-300-rra-0915-cb-250f-twister-1622-cbx-250-twister-0108-cbr-600-rr-0114-cbr-500-rra-1418-caixa-de-direo-esfrica-para-honda-ppkh005b/1648727" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1648727.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/caixa-de-direo-esfrica-para-honda-cb-300-rra-0915-cb-250f-twister-1622-cbx-250-twister-0108-cbr-600-rr-0114-cbr-500-rra-1418-caixa-de-direo-esfrica-para-honda-ppkh005b/1648727 class="" title="
                Caixa de Direção Honda CB300R 09&gt;15, CBX250 Twister 01&gt;08
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">PPK-H005B</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Caixa de Direção Honda CB300R 09&gt;15, CBX250 Twister 01&gt;08
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_1648727']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1648728" name="product_id" value="1648728"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_1648728 > img').length-1;">
        <a id="gallery_1648728" href="/produto/caixa-de-direo-cnica-para-honda-cb-300-rra-0915-cb-250f-twister-1622--cbx-250-twister-0108-cbr-600-rr-0114--cbr-500-rra-1418-caixa-de-direo-cnica-para-honda-ppkh005r/1648728" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1648728.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/caixa-de-direo-cnica-para-honda-cb-300-rra-0915-cb-250f-twister-1622--cbx-250-twister-0108-cbr-600-rr-0114--cbr-500-rra-1418-caixa-de-direo-cnica-para-honda-ppkh005r/1648728" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1648728.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/caixa-de-direo-cnica-para-honda-cb-300-rra-0915-cb-250f-twister-1622--cbx-250-twister-0108-cbr-600-rr-0114--cbr-500-rra-1418-caixa-de-direo-cnica-para-honda-ppkh005r/1648728 class="" title="
                Caixa de Direção Roletada para Honda CBX 250 Twister 01&gt;08, CB 300R RA 09&gt;15
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">PPK-H005R</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Caixa de Direção Roletada para Honda CBX 250 Twister 01&gt;08, CB 300R RA 09&gt;15
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_1648728']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1648731" name="product_id" value="1648731"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_1648731 > img').length-1;">
        <div class=" w-1/12">
            <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2"
                    @click="current > 0 ? current -= 1 : current = limit">
                <i class="fas fa-lg fa-chevron-left"></i>
            </button>
        </div>
        <a id="gallery_1648731" href="/produto/caixa-de-direo-cnica-para-suzuki-en-125-yes-0512--intruder-125-0210-gsr-150i-katana-125-0406--kasinski-125-caixa-de-direo-cnica-para-suzuki-ppks001r/1648731" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1648731.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===1" title="PPK-S001R Rolamento para Caixa de Direção" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===1 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50072/50072.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===2" title="PPK-S001R Rolamento para Caixa de Direção" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===2 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50073/50073.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
            <img x-show="current===3" title="PPK-S001R Rolamento para Caixa de Direção" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy slide rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===3 }" 
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img//g/50074/50074.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-200"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
        </a>
        <div class=" w-1/12">
                <button tabindex="-1" class="changeImg text-gray-400 hover:text-gray-700 z-10 opacity-50 hover:opacity-70 px-1 md:px-2" 
                        @click="current < limit ? current += 1 : current = 0">
                    <i class="fas fa-lg fa-chevron-right"></i>
                </button>
            </div>
    </div>
</div>

<a x-show="display==='list'" href="/produto/caixa-de-direo-cnica-para-suzuki-en-125-yes-0512--intruder-125-0210-gsr-150i-katana-125-0406--kasinski-125-caixa-de-direo-cnica-para-suzuki-ppks001r/1648731" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1648731.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/caixa-de-direo-cnica-para-suzuki-en-125-yes-0512--intruder-125-0210-gsr-150i-katana-125-0406--kasinski-125-caixa-de-direo-cnica-para-suzuki-ppks001r/1648731 class="" title="
                Caixa de Direção Cônica para Suzuki YES 125 05&gt;12,  Intruder 125 02&gt;10, GSR 150i
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">PPK-S001R</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Caixa de Direção Cônica para Suzuki YES 125 05&gt;12,  Intruder 125 02&gt;10, GSR 150i
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_1648731']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>    <div class="w-full mx-auto item transition duration-200 shadow border border-white hover:border-red-500" :class="{ 'max-w-sm rounded-sm overflow-hidden': display === 'grid', 'flex rounded-md ': display === 'list'}">
    
    <input type="hidden" id="product_1648372" name="product_id" value="1648372"/>
    <div class="flex items-center cursor-pointer bg-white relative pr-1 owl-stage-outer" :class="{ 'w-full justify-center': display === 'grid', 'justify-end': display === 'list'}">
      <!--------- #Imagem ---------->
      
<div x-data="{ altIcon:  'ppk' }" class="flex flex-col absolute z-10 w-20" :class="{'px-3 -left-1 top-1': display === 'grid', 'left-0 top-0': display === 'list'}">
    <img x-show="display === 'grid'" class="w-full" title="ppk" :alt="altIcon === 'ppk' ? altIcon = 'ppk motoparts logo' : (altIcon === 'mak' ? altIcon = 'MAK bearings logo' : altIcon = 'no brand')" src="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
</div>
          
          
<!----- Produto ----->
<div x-show="display==='grid'">
    <div x-data="{current: 0, limit: 1}" class="relative flex items-center" x-init="limit = document.querySelectorAll('#gallery_1648372 > img').length-1;">
        <a id="gallery_1648372" href="/produto/caixa-de-direo-esfrica-para-yamaha-ybr125-0008-dt180-crypton-115-at-2016-scooter-neo-at115-0507-caixa-de-direo-esfrica-para-yamaha-ppky001b/1648372" class="flex inset-0">
            <img x-show="current===0" class="h-60 sm:h-72 w-96 object-contain lazyload owl-lazy rounded-t-xl p-5" alt="ppk bars"
                 :class="{'active': current===0 }"
                 
                 src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1648372.jpg?version=7.73"
                 x-transition:enter="transition ease-out duration-150"
                 x-transition:enter-start="opacity-0"
                 x-transition:enter-end="opacity-100"
                 x-transition:leave="transition ease-out duration-150"
                 x-transition:leave-start="opacity-100"
                 x-transition:leave-end="opacity-0"></img>
    </div>
</div>

<a x-show="display==='list'" href="/produto/caixa-de-direo-esfrica-para-yamaha-ybr125-0008-dt180-crypton-115-at-2016-scooter-neo-at115-0507-caixa-de-direo-esfrica-para-yamaha-ppky001b/1648372" class="">
    <img x-cloak class="object-contain lazyload h-full w-20" alt="ppk bars"
        
        src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="https://www.marketformation.com.br/img/id/w485/1648372.jpg?version=7.73"></img>
</a>
<!----- Produto ----->      <!--------- /Imagem ---------->
    </div>
          
    <div class="flex transisiton bg-white duration-150  px-2 py-1" 
         :class="{'border-t-2 border-red-600 relative py-3': display === 'grid', 'w-full border-l-2 border-red-600 items-center': display === 'list', 'h-52' : source == 'carousel', 'h-full' : source != 'carousel' }">
      <div class="w-full" :class="{'flex items-center': display === 'list', 'h-40 flex flex-col justify-between': display === 'grid', 'flex flex-col justify-between': source === 'carousel'}">
        <div class="w-10/12 min-h-20 max-h-48 sm:w-full" :class="{'w-full': display === 'grid'}">
          
          <a href=/produto/caixa-de-direo-esfrica-para-yamaha-ybr125-0008-dt180-crypton-115-at-2016-scooter-neo-at115-0507-caixa-de-direo-esfrica-para-yamaha-ppky001b/1648372 class="" title="
                Caixa de Direção Esférica para Yamaha YBR125 00&gt;08, DT180, Crypton 115
              
">
            
        
            <div class="text-red-600  text-sm font-light md:text-base flex space-x-2">
                <span class="text-sm font-bold text-red-600 ">PPK-Y001B</span>
            </div> 
            <h2 class="text-gray-600 text-sm font-medium">
                Caixa de Direção Esférica para Yamaha YBR125 00&gt;08, DT180, Crypton 115
            </h2>
            
            <p class="text-sm font-normal">
              <span class="text-gray-800"></span>
            </p>
            <p class="text-gray-600">
              <div class="flex flex-row items-center">
                
              </div>
            </p>
          </a>
          <div @click="showApplication = true" 
               class="cursor-pointer text-blue-500 hover:text-blue-700 transition duration-300"
               hx-get="/product/applications" 
               hx-include="[id='product_1648372']" 
               hx-trigger="click once" 
               hx-target="#application_preview" 
               mustache-template="templateApplicationsModal" 
               hx-swap="innerHTML" 
               hx-indicator="#application_modal_preview"
               >
            <i class="fas fa-motorcycle text-xs"></i>
            <span class="text-xs">Ver Aplicações</span>
          </div>
        </div>
            
        <div :class="{'flex flex-col w-full': display === 'grid', 'w-3/12 md:w-1/12': display === 'list'} ">
          <img x-show="display === 'list'" class="w-10 lazyload" title="ppk" src="http://www.marketformation.com.br/cdn/svg/bars.svg" data-original="http://cdn.rolemak.com.br/svg/marca/ppk.svg">
        </div>
            
      </div>
            
        <!---------- #Botão Comprar ---------->
            <!---------- /Botão Comprar ---------->
    
    </div>
    
</div>  
</div>        <div class="" style="background-color: rgba(0,0,0,0.5)" x-show="showDetail" :class="{ 'fixed inset-0 z-10 h-screen flex items-center justify-center py-16': showDetail }">
    <!--Dialog-->
    <div class="h-full bg-white w-11/12 sm:w-10/12 mx-auto rounded-lg shadow-lg text-left" x-show="showDetail" 
        @click.away="showDetail = false" 
        x-transition:enter="ease-out duration-300" 
        x-transition:enter-start="opacity-0 scale-90" 
        x-transition:enter-end="opacity-100 scale-100">
        <!--Title-->
        <div class="flex justify-between items-center py-3 border-b px-6">
            <p class="text-2xl font-bold">Detalhes do Produto</p>
            <div class="cursor-pointer z-50" @click="showDetail = false">
                <i class="fas fa-times fa-lg"></i>
            </div>
        </div>
        <!-- content -->
        <div id="detail_modal_preview" class="h-5/6 overflow-auto">
            <div class="htmx-indicator">
                <div class="h-full items-center justify-center flex">
                    <div class="animate-spin rounded-full h-32 w-32 border-t-2 border-b-2 border-blue-300 divide-blue-300"></div>
                </div>
             </div>
            <div class="default-button">
                <div id="product_preview" class="flex flex-col justify-center shadow-inner py-3"></div>
            </div>
        </div>

        <!--Footer-->
        <div class="flex justify-end pt-2 px-6 border-t"></div>
    </div>
    <!--/Dialog -->
</div>

<!-- Modal Applications -->
<div class="" style="background-color: rgba(0,0,0,0.5)" x-show="showApplication" :class="{ 'fixed inset-0 z-10 h-screen flex items-center justify-center py-16': showApplication }">
    <!--Dialog-->
    <div class="bg-white w-11/12 md:w-6/12 mx-auto max-w-4xl rounded-lg shadow-lg text-left" x-show="showApplication" 
        @click.away="showApplication = false" 
        x-transition:enter="ease-out duration-300" 
        x-transition:enter-start="opacity-0 scale-90" 
        x-transition:enter-end="opacity-100 scale-100">
        <!--Title-->
        <div class="flex justify-between items-center py-3 px-6 text-gray-800">
            <p class="text-2xl font-bold text-green-600">Aplicações do Produto</p>
            <div class="cursor-pointer z-50" @click="showApplication = false">
                <i class="fas fa-times fa-lg"></i>
            </div>
        </div>
        <!-- content -->
        <div id="application_modal_preview" class="max-h-96 overflow-auto">
            <div class="htmx-indicator">
                <div class="h-full items-center justify-center flex">
                    <div class="animate-spin rounded-full h-32 w-32 border-t-2 border-b-2 border-blue-300 divide-blue-300"></div>
                </div>
             </div>
            <div class="default-button">
                <div id="application_preview" class="flex flex-col justify-center shadow-inner py-3"></div>
            </div>
        </div>
        
        <!--Footer-->
        <div class="flex justify-end pt-2 px-6 border-t"></div>
    </div>
    <!--/Dialog -->
    
    <template id="templateApplicationsModal">
        <div class="grid grid-cols-1 md:grid-cols-2 px-5 gap-2 md:gap-4">
            {{#info}}
            <div class="flex justify-start items-center w-full rounded-md text-left bg-neutral-50">
                <div class="w-24 h-24 mr-4">
                    <img src="https://www.marketformation.com.br/cdn/motos/{{produtoModeloSEO}}.jpg" class="object-cover"/>
                </div>
                <div>
                    <p class="text-xs font-medium text-gray-400">{{produtoMontadora}}</p>
                    <p class="text-base font-semibold text-gray-600">{{produtoModelo}} {{produtoSubModelo}} {{produtoCaracteristica}} {{produtoAno}}</p>
                </div>
            </div>
            {{/info}}
        </div>
    </template>
    
</div>
<!-- / Modal Applications -->        <!-------- /Produtos -------->
        
        <!---------- #Paginador ---------->
        <div class="my-4">
          <div class="flex justify-between items-center">

<div class="flex items-center justify-center">
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;pagina=1&amp;offset=0" :class="{'bg-gray-400 text-gray-700 font-bold': 1 === 1 }">
          1
        </a>
        <a
          class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border-l border-t border-b border-gray-200 bg-gray-100 px-4 py-2 outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;pagina=2&amp;offset=25" :class="{'bg-gray-400 text-gray-700 font-bold': 2 === 1 }">
          2
        </a>
        <a class="text-gray-500 uppercase text-xs hover:text-gray-700 hover:bg-gray-400 cursor-pointer bg-transparent border border-gray-200 bg-gray-100 px-4 py-2 rounded-r outline-none focus:outline-none ease-linear transition-all duration-150"
          href="?filter=segmentoID:6 AND aplicacaoMotoMontadoras:&quot;Honda&quot; AND aplicacaoMotoGrupo:&quot;Suspensão&quot;&amp;title=Produtos por Fabricante&amp;limit=25&quot;&amp;sort=produtoModelo:asc&amp;sortName=Código A-Z&amp;pagina=2&amp;offset=25">
          <i class="fas fa-angle-right"></i>
        </a>
</div>

</div>
        </div>
        <!---------- /Paginador ---------->
    </div>
    
</div>



</div>

<div id="alert-add" class="opacity-0 z-40">
  <div class="bg-green-200 px-6 py-4 mx-2 my-4 rounded-md text-lg flex items-center mx-auto w-3/4 xl:w-2/4 fixed bottom-0 right-5">
    <svg viewBox="0 0 24 24" class="text-green-600 w-5 h-5 sm:w-5 sm:h-5 mr-3" >
      <path fill="currentColor"
            d="M12,0A12,12,0,1,0,24,12,12.014,12.014,0,0,0,12,0Zm6.927,8.2-6.845,9.289a1.011,1.011,0,0,1-1.43.188L5.764,13.769a1,1,0,1,1,1.25-1.562l4.076,3.261,6.227-8.451A1,1,0,1,1,18.927,8.2Z"
      ></path>
    </svg>
    <span class="text-green-800">Produto <strong>adicionado</strong> no Carrinho!</span>
  </div>
</div>

<div id="alert-removed" class="opacity-0 z-40">
  <div class="bg-red-200 px-6 py-4 mx-2 my-4 rounded-md text-lg flex items-center mx-auto w-3/4 xl:w-2/4 fixed bottom-0 right-5">
    <svg viewBox="0 0 24 24" class="text-red-600 w-5 h-5 sm:w-5 sm:h-5 mr-3">
      <path fill="currentColor"
            d="M11.983,0a12.206,12.206,0,0,0-8.51,3.653A11.8,11.8,0,0,0,0,12.207,11.779,11.779,0,0,0,11.8,24h.214A12.111,12.111,0,0,0,24,11.791h0A11.766,11.766,0,0,0,11.983,0ZM10.5,16.542a1.476,1.476,0,0,1,1.449-1.53h.027a1.527,1.527,0,0,1,1.523,1.47,1.475,1.475,0,0,1-1.449,1.53h-.027A1.529,1.529,0,0,1,10.5,16.542ZM11,12.5v-6a1,1,0,0,1,2,0v6a1,1,0,1,1-2,0Z"
      ></path>
    </svg>
    <span class="text-red-800">Produto <strong>removido</strong> do Carrinho!</span>
  </div>
</div>

<div id="alert-add-favorite" class="opacity-0 z-40">
  <div class="bg-green-200 px-6 py-4 mx-2 my-4 rounded-md text-lg flex items-center mx-auto w-3/4 xl:w-2/4 fixed bottom-0 right-5">
    <svg viewBox="0 0 24 24" class="text-green-600 w-5 h-5 sm:w-5 sm:h-5 mr-3" >
      <path fill="currentColor"
            d="M12,0A12,12,0,1,0,24,12,12.014,12.014,0,0,0,12,0Zm6.927,8.2-6.845,9.289a1.011,1.011,0,0,1-1.43.188L5.764,13.769a1,1,0,1,1,1.25-1.562l4.076,3.261,6.227-8.451A1,1,0,1,1,18.927,8.2Z"
      ></path>
    </svg>
    <span class="text-green-800">Produto <strong>adicionado</strong> aos Favoritos!</span>
  </div>
</div>

<div id="alert-remove-favorite" class="opacity-0 z-40">
  <div class="bg-red-200 px-6 py-4 mx-2 my-4 rounded-md text-lg flex items-center mx-auto w-3/4 xl:w-2/4 fixed bottom-0 right-5">
    <svg viewBox="0 0 24 24" class="text-red-600 w-5 h-5 sm:w-5 sm:h-5 mr-3">
        <path fill="currentColor"
              d="M11.983,0a12.206,12.206,0,0,0-8.51,3.653A11.8,11.8,0,0,0,0,12.207,11.779,11.779,0,0,0,11.8,24h.214A12.111,12.111,0,0,0,24,11.791h0A11.766,11.766,0,0,0,11.983,0ZM10.5,16.542a1.476,1.476,0,0,1,1.449-1.53h.027a1.527,1.527,0,0,1,1.523,1.47,1.475,1.475,0,0,1-1.449,1.53h-.027A1.529,1.529,0,0,1,10.5,16.542ZM11,12.5v-6a1,1,0,0,1,2,0v6a1,1,0,1,1-2,0Z"
        ></path>
      </svg>
    <span class="text-red-800">Produto <strong>removido</strong> dos Favoritos!</span>
  </div>
</div> 
       <!-- Loading Footer Website -->
<div class="bg-red-700">
  <!------- Novidades ------->
  
  <div class="md:mt-20">
  <div class="container flex flex-col px-2 py-0 mx-auto">
    
    <!--Midia Social-->
    <div class="py-6 border-b mt-10 md:mt-0">
      <div class="flex flex-col md:flex-row space-x-5 items-center text-white">
        <div class="">
           <img class="h-4 w-auto md:h-6" src="https://www.marketformation.com.br/cdn/svg/marca/ppkmotoparts.svg?version=1.1">
        </div>
        <div class="flex-1 text-center px-5 lg:px-0">
          <span class="text-xs lg:text-base leading-none">Sua loja virtual para motopeças</span>
        </div>
        <div class="">
          <div class="flex justify-between items-center space-x-3">
              <a target="_blank" href="https://www.youtube.com/c/PPKMotoparts" class="transition duration-500" title="Ver página Youtube">
                 <i class="fab fa-youtube text-xl"></i>
              </a>
              <a target="_blank" href="https://www.instagram.com/ppkmotoparts/" class="transition duration-500" title="Ver página Instagram"> 
                <i class="fab fa-instagram text-xl"></i>
              </a>
              <a target="_blank" href="https://www.facebook.com/ppkmotoparts" class="transition duration-500"  title="Ver página Facebook">
                 <i class="fab fa-facebook text-xl"></i>
              </a>
          </div>
        </div>
        <div class="flex-1 text-right px-5 lg:px-0">
          <span class="text-xs lg:text-base leading-none">Atendimento de segunda a sexta das 8h00 às 17h45</span>
        </div>
        
      </div>
    </div>
    
    <!--Menus-->
    <div class="pb-3">
        <div class="flex gap-4">
          <div class="py-5 flex-auto">
              <div class="text-xs md:text-sm uppercase text-white font-semibold mb-2">
                  Políticas
              </div>
               <a href="/entrega" title="entrega" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Entrega</div>
                </div> 
              </a>
               <a href="/troca-devolucao" title="Trocas e Devoluções" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Trocas e Devoluções</div>
                </div> 
              </a>
               <a href="/privacidade" title="Política de Privacidade" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Privacidade</div>
                </div> 
              </a>
          </div>
          <div class="py-5 flex-auto">
              <div class="text-xs md:text-sm uppercase text-white font-semibold mb-2">
                  Institucional
              </div>
               <a href="/quem-somos" title="Quem Somos" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Quem Somos</div>
                </div> 
              </a>
               <a href="/onde-estamos" title="Lojas" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Onde Estamos</div>
                </div> 
              </a>
               <a href="/como-comprar" title="Como Comprar" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Como Comprar</div>
                </div> 
              </a>
               <a href="https://forms.gle/FNox6NYFCq17fYzn7" title="Avaliação NPS" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Avalie-nos</div>
                </div> 
              </a>
          </div>
          <div class="py-5 flex-auto">
              <div class="text-xs md:text-sm uppercase text-white font-semibold mb-2">
                  Mídia
              </div>
               <a href="https://www.youtube.com/c/PPKMotoparts" title="Vídeos" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Vídeos</div>
                </div> 
              </a>
               <a href="/catalogos-motopecas" title="Manuais e Catálogos" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Catálogos</div>
                </div> 
              </a>
          </div>
          <div class="py-5 flex-auto">
              <div class="text-xs md:text-sm uppercase text-white font-semibold mb-2">
                  Contato
              </div>
               <a href="/representantes" title="Representantes" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Representantes</div>
                </div> 
              </a>
               <a href="/contato" title="Contato" target="_parent" class="my-1 block text-red-200 hover:underline text-xs md:text-sm">
                <div class="flex items-center flex-row transition duration-100 ">
                  
                  <div>Comercial PPK</div>
                </div> 
              </a>
          </div>
          </div>
  
        </div>
        
    <!--Categoria-->
    <div class="pb-3 border-t">
        <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4 text-xs">
          <div class="py-5">
              <div class="text-sm uppercase text-white font-semibold mb-2">
                  Caixa de Direção para Moto
              </div>
              <a href="/busca?q=biz&filter=categoriaNome:%22Caixa%20de%20Dire%C3%A7%C3%A3o%22" title="Caixa de Direção Biz 100" class="my-1 block text-red-200 hover:underline">
                Caixa de Direção Biz 100
              </a>
                <a href="/busca?q=biz&filter=categoriaNome:%22Caixa%20de%20Dire%C3%A7%C3%A3o%22" title="Caixa de Direção Biz 100" class="my-1 block text-red-200 hover:underline">
                Caixa de Direção Biz 125
              </a>
              <a href="/busca?q=H004" title="Caixa de Direção Bros 150" class="my-1 block text-red-200 hover:underline">
                Caixa de Direção Bros 150 
              </a>
              <a href="/busca?q=H001" title="Caixa de Direção Fan 125" class="my-1 block text-red-200 hover:underline">
                Caixa de Direção Fan 125 
              </a>
              <a href="/busca?q=H001" title="Caixa de Direção Fazer 150" class="my-1 block text-red-200 hover:underline">
                Caixa de Direção Fan 150
              </a>
              <a href="/busca?q=dire%C3%A7%C3%A3o+ys150+fazer" title="Caixa de Direção Fazer 150" class="my-1 block text-red-200 hover:underline">
                Caixa de Direção Fazer 150
              </a>
              <a href="/busca?q=dire%C3%A7%C3%A3o+fazer+250" title="Caixa de Direção Fazer 250" class="my-1 block text-red-200 hover:underline">
                Caixa de Direção Fazer 250
              </a>
              <a href="/busca?q=caixa+dire%C3%A7%C3%A3o+cg150" title=" Caixa de Direção Titan 150" class="my-1 block text-red-200 hover:underline">
                Caixa de Direção Titan 150
              </a>
          </div>
          <div class="py-5">
              <div class="text-sm uppercase text-white font-semibold mb-2">
                  Pedal de Partida
              </div>
              <a href="/produto/pedal-partida-biz-c100-pop100-ppk-h304-ppk/1648773" title="Pedal de Partida Biz 100" class="my-1 block text-red-200 hover:underline">
                Pedal de Partida Biz 100
              </a>
              <a href="/busca?q=pedal+partida+CG125" title="Pedal de Partida CG 125" class="my-1 block text-red-200 hover:underline">
               Pedal de Partida CG 125
              </a>
              <a href="/produto/pedal-partida-dt180-ppk-y302-ppk/1648772" title="Pedal de Partida DT 180" class="my-1 block text-red-200 hover:underline">
                Pedal de Partida DT 180
              </a>
              <a href="/produto/pedal-de-partida-honda-cg125-titan-ks-es-fan-02-gt-04-cromado-ppk-h301-ppk/1648771" title="Pedal de Partida Fan 125" class="my-1 block text-red-200 hover:underline">
                Pedal de Partida Fan 125
              </a>
              <a href="/produto/pedal-partida-biz-c100-pop100-ppk-h304-ppk/1648773" title="Pedal de Partida Pop 100" class="my-1 block text-red-200 hover:underline">
                Pedal de Partida Pop 100
              </a>
              <a href="/busca?q=Pedal+Partida+CG150" title=" Pedal de Partida Titan 150" class="my-1 block text-red-200 hover:underline">
                  Pedal de Partida Titan 150
              </a>
              <a href="/produto/pedal-partida-ybr125-factor-ppk-y301-ppk/1648768" title="Pedal de Partida YBR 125" class="my-1 block text-red-200 hover:underline">
                Pedal de Partida YBR 125
              </a>
          </div>
          <div class="py-5">
              <div class="text-sm uppercase text-white font-semibold mb-2">
                  Pedal de Câmbio
              </div>
              <a href="/produto/pedal-cambio-biz-c125-es-ks-ppk-h406-ppk/1648781" title="Pedal de Câmbio Biz 125" class="my-1 block text-red-200 hover:underline">
                Pedal de Câmbio Biz 125
              </a>
              <a href="/busca?q=pedal+cambio+cg125" title="Pedal de Câmbio CG 125" class="my-1 block text-red-200 hover:underline">
                  Pedal de Câmbio CG 125
              </a>
              <a href="/produto/pedal-cambio-titan-cg150-ppk-h402-ppk/1648777" title="Pedal de Câmbio Titan 150" class="my-1 block text-red-200 hover:underline">
                Pedal de Câmbio Titan 150
              </a>
          </div>
          <div class="py-5">
              <div class="text-sm uppercase text-white font-semibold mb-2">
                 Pedal de Marcha
              </div>
              <a href="/busca?q=BIZ%20C100&filter=categoriaNome:%22Pedal%20de%20C%C3%A2mbio%22" title="Pedal de Marcha Biz 100" class="my-1 block text-red-200 hover:underline">
                Pedal de Marcha Biz 100
              </a>
              <a href="/busca?q=pedal+cambio+cg125" title="Pedal de Marcha CG 125" class="my-1 block text-red-200 hover:underline">
                Pedal de Marcha CG 125
              </a>
              <a href="/produto/pedal-de-cambio-honda-cg125-titan-ks-es-fan-cromado-ppk-h401-ppk/1648775" title="Pedal de Marcha Fan 125" class="my-1 block text-red-200 hover:underline">
                 Pedal de Marcha Fan 125
              </a>
              <a href="/produto/pedal-cambio-titan-cg150-ppk-h402-ppk/1648777" title="Pedal de Marcha Titan 150" class="my-1 block text-red-200 hover:underline">
               Pedal de Marcha Titan 150
              </a>
          </div>
          <div class="py-5">
              <div class="text-sm uppercase text-white font-semibold mb-2">
                Rolamento de Moto
              </div>
              <a href="/busca?q=125" title="Rolamento de Moto 125" class="my-1 block text-red-200 hover:underline">
                Rolamento de Moto 125
              </a>
              <a href="/produto/rolamento-da-embreagem-honda-cg125-titan-fan-lado-direito-09-gt-cg150-titan-fan-04-gt-nxr150-bros-06-gt-cg160-titan-fan-nxr-160-bros-cg160-start-todos-t105e-crypton-eixo-comando-de-valvulas-direito-t115e-crypton-eixo-de-comando-ybr125-factor-125-eixo-de-comando-direito-xtz125-eixo-de-comando-esquerdo-6003-2rsc3-ppk/1646621" title="Rolamento Embreagem Titan 150" class="my-1 block text-red-200 hover:underline">
                Rolamento Embreagem Titan 150
              </a>
              <a href="produto/rolamento-de-roda-dianteira-traseira-para-yamaha-ybr125-factor-ys150-fazer-ys250-fazer-roda-dianteira-honda-cg125-titan-fan-6202-2rsc3-ppk/2818" title="Rolamento Roda Dianteira Fazer 250" class="my-1 block text-red-200 hover:underline">
                Rolamento Roda Dianteira Fazer 250
              </a>
              <a href="/produto/rolamento-de-roda-para-honda-pop110i-biz110i-roda-dianteira-pcx150-transmissao-cg150-fan-titan-biz-c100-c125-pop100-factor-125-nxr150-bros-yamaha-ybr125-6201-2rsc3-ppk/490" title="Rolamento Roda Dianteira PCX 150" class="my-1 block text-red-200 hover:underline">
                Rolamento Roda Dianteira PCX 150
              </a>
              <a href="/produto/rolamento-de-roda-honda-biz-c100-98-gt-05-c100-dream-cg125-fan-today-titan-roda-dianteira-nxr125-150-bros-03-gt-yamaha-roda-dianteira-factor-125-150-roda-traseira-crypton-105-6301-2rsc3-green-ppk/348" title="Rolamento Roda Dianteira Titan 150" class="my-1 block text-red-200 hover:underline">
                Rolamento Roda Dianteira Titan 150
              </a>
              <a href="/produto/rolamento-rigido-de-esfera-6301-2rsc3-green-ppk/348" title="Rolamento Roda Traseira Biz 125" class="my-1 block text-red-200 hover:underline">
                Rolamento Roda Traseira Biz 125
              </a>
              <a href="/produto/rolamento-rigido-de-esferas-6303-2rsc3-ppk/1778" title="Rolamento Roda Traseira Bros 150" class="my-1 block text-red-200 hover:underline">
                Rolamento Roda Traseira Bros 150
              </a>
              <a href="/produto/rolamento-rigido-de-esferas-6302-2rsc3-green-ppk/1777" title="Rolamento Roda Traseira CG 150" class="my-1 block text-red-200 hover:underline">
               Rolamento Roda Traseira CG 150
              </a>
              <a href="/produto/rolamento-da-roda-traseira-para-honda-cg150-fan-cg150-titan-yamaha-factor125-150-ybr125-ys150-fazer-ys250-fazer-transmissao-xr200-cbx200-strada-6004-2rsc3-green-ppk/2814" title="Rolamento Roda Traseira Titan 150" class="my-1 block text-red-200 hover:underline">
                Rolamento Roda Traseira Titan 150
              </a>
          </div>
          <div class="py-5">
              <div class="text-sm uppercase text-white font-semibold mb-2">
               Rolamento do Virabrequim
              </div>
              <a href="/produto/rolamento-do-virabrequim-honda-t105e-crypton-pop100-biz-c100-transmissao-cg160-titan-fan-start-6304-2rsc3-ppk/1646737" title="Rolamento do Virabrequim Biz 100" class="my-1 block text-red-200 hover:underline">
                Rolamento do Virabrequim Biz 100
              </a>
              <a href="/busca?q=Virabrequim+Biz+125" title="Rolamento do Virabrequim Biz 125" class="my-1 block text-red-200 hover:underline">
                Rolamento do Virabrequim Biz 125
              </a>
              <a href="/produto/rolamento-do-virabrequim-yamaha-ys250-fazer-06-gt-10-honda-cg-turuna-todos-os-modelos-cg125-titan-fan-todos-ate-1999-xls125-xlr125-todos-63-28-rsc3-ppk/14966" title="Rolamento do Virabrequim Fazer 250" class="my-1 block text-red-200 hover:underline">
                Rolamento do Virabrequim Fazer 250
              </a>
              <a href="/produto/rolamento-do-virabrequim-honda-t105e-crypton-pop100-biz-c100-transmissao-cg160-titan-fan-start-6304-2rsc3-ppk/1646737" title="Rolamento do Virabrequim Pop 100" class="my-1 block text-red-200 hover:underline">
               Rolamento do Virabrequim Pop 100
              </a>
              <a href="/busca?q=virabrequim+titan+cg150" title="Rolamento do Virabrequim Titan 150" class="my-1 block text-red-200 hover:underline">
                Rolamento do Virabrequim Titan 150
              </a>
               <a href="/produto/rolamento-do-virabrequim-yamaha-t105e-crypton-ybr125-factor125-xtz125-dir-esq-transmissao-ys250-fazer-06-gt-10-xtz250-lander-todos-lado-direito-6205-2rsc3-green-ppk/79" title="Rolamento do Virabrequim YBR 125" class="my-1 block text-red-200 hover:underline">
                Rolamento do Virabrequim YBR 125
              </a>
          </div>
        </div>
     </div>
  </div>
  </div>
   
  <div class="px-5 py-2 bg-red-900 text-center items-center justify-between">
    <div class="container flex flex-col px-2 py-0 mx-auto">
      <span class="text-xs text-white">PPK Motoparts - @ Copyright 2003-2021</span>
    </div>
  </div>
  
  <a id="backToTop" class="hidden" href="javascript:void(0);">
   <div class="fixed bottom-4 left-4">
   <div class="bg-yellow-500 text-yellow-900 bg-opacity-50 hover:bg-opacity-90 h-12 w-12 text-center font-extrabold flex items-center justify-center rounded-full">
      <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
        <path stroke-linecap="round" stroke-linejoin="round" d="M5 10l7-7m0 0l7 7m-7-7v18" />
      </svg>
   </div>
   </div>
  </a>
  
</div>


    <div class="floating-wpp z-30 text-gray-900" style=" font-family: 'Nunito', sans-serif;" ></div>
       <!-- Loading Foot Website -->

<div id="alert-success" class="alerts hide flex justify-center transition-opacity">
  <div class="bg-green-200 px-6 py-4 mx-2 my-4 rounded-md text-lg flex justify-center mx-auto w-3/4 xl:w-2/4 fixed bottom-0 z-40">
    <svg viewBox="0 0 24 24" class="text-green-600 w-9 h-9 sm:w-9 sm:h-9 mr-3" fill="currentColor">
      <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
    </svg>
    <span id="content-success" class="text-green-800"></span>
  </div>
</div>

<div id="alert-error" class="alerts hide flex justify-center transition-opacity">
  <div class="bg-red-200 px-6 py-4 mx-2 my-4 rounded-md text-lg flex justify-center mx-auto w-3/4 xl:w-2/4 fixed bottom-0 z-40">
   <svg viewBox="0 0 24 24" class="text-red-600 w-9 h-9 sm:w-9 sm:h-9 mr-3" fill="currentColor">
      <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd" />
    </svg>
    <span id="content-error" class="text-red-800"></span>
  </div>
</div>

<div id="alert-info" class="alerts hide flex justify-center transition-opacity">
  <div class="bg-blue-200 px-6 py-4 mx-2 my-4 rounded-md text-lg flex justify-center mx-auto w-3/4 xl:w-2/4 fixed bottom-0 z-40">
    <svg viewBox="0 0 24 24" class="text-blue-600 w-9 h-9 sm:w-9 sm:h-9 mr-3" fill="currentColor">
      <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z" clip-rule="evenodd" />
    </svg>
    <span id="content-info" class="text-blue-800"></span>
  </div>
</div>
<script type="text/javascript">
    document.body.addEventListener("showMessage", function(evt){
        
        console.log(evt);
        
        if(evt.detail.type !== undefined && evt.detail.type !== null){
            var type = evt.detail.type,
                div  =  document.getElementById(`alert-${type}`),
                text =  document.getElementById(`content-${type}`);
            
            if( evt.detail.code !== undefined && evt.detail.type === 'error' )
            {
                evt.detail.message += ` - Código: ${evt.detail.code}`;
            }
            
            text.innerHTML = evt.detail.message;
            
            div.classList.remove("hide");
            window.setTimeout(function(){
                 div.classList.add("hide");
            },5000);
        }
        
    })
</script>



<script>
    let progress = 0;
    let invervalSpeed = 10;
    let incrementSpeed = 1;
    document.addEventListener("DOMContentLoaded", function(){
        let bar = document.getElementById('bar');
        if(bar !== null){
            progressInterval = setInterval(function(){
                progress += incrementSpeed;
                bar.style.width = progress + "%";
                if(progress >= 100){
                    clearInterval(progressInterval);
                }
            }, invervalSpeed);
        }
    });
</script>

<script src="https://www.marketformation.com.br/cdn/vendor/autocomplete/v10.2.6.min.js"></script>
<script>
    // Check if an element currently exists
    if ($('#search').length)
    {
         //AutoComplete para Desktop
         const autoCompleteJS = new autoComplete({
        placeHolder: "Pesquisar Produto",
        selector: "#search",
        data: {
            src: async (query) => {
              try {
                // Fetch Data from external Source
                const source = await fetch(`/services/suggest?q=${query}`);
                // Data is array of `Objects` | `Strings`
                const data = await source.json();
                
                var response = [];
                if(data !== null){
                    response = data["response"]["docs"];
                }
                console.log(response);
                return response;
              } catch (error) {
                return error;
              }
            },
            
            // Data 'Object' key to be searched
            keys: ["produtoModelo"]
        },
        resultsList : {
            noResults: true,
            element: (list, data) => {
                if (!data.results.length) {
                    // Create "No Results" message element
                    const message = document.createElement("div");
                    // Add class to the created element
                    message.setAttribute("class", "no_result");
                    // Add message text content
                    message.innerHTML = `<span>Nenhuma sugestão para <b>"${data.query}"<b></span>`;
                    // Append message element to the results list
                    list.prepend(message);
                }
            },
            class: "absolute w-full z-20 bg-white mt-2 divide-y rounded-md p-3 shadow-md text-gray-900"  
        },
        searchEngine: (query, record) => {
            // Normalize by removing special characters and converting to lower case
            const normalizeText = text => text.toLowerCase().replace(/[\W_]+/g, "");
            const normalizedQuery = normalizeText(query);
        
            // Split the normalized query into words for partial matching
            var queryWords = normalizedQuery.split(" ");
            var normalizedRecord = normalizeText(record);
        
            // Check if all query words are included in the record
            var matchFound = queryWords.every(word => normalizedRecord.includes(word));
            
            if (matchFound) {
                // Highlight matched words in the original record
                queryWords.forEach(word => {
                    var regex = new RegExp(word, "gi");
                    record = record.replace(regex, (matched) => `<mark>${matched}</mark>`);
                });
                return record;
            }
            return false; // Return false if no match is found
        },

        diacritics: true,
        resultItem: {
            highlight: true,
            class: "suggestion flex justify-start space-x-4 items-center p-2 hover:bg-gray-300 cursor-pointer text-gray-900",
            element: (item, data) => {
                const img  = document.createElement("img");
                const text = document.createElement("span");
                
                img.setAttribute("src", data.value.produtoImagem.pequena);
                img.setAttribute("class", "w-8 justify-self-end rounded-md");
                
                text.innerHTML = item.innerHTML;
                
                item.innerHTML = "";
                item.appendChild(img);
                item.appendChild(text);
            }
        },
        debounce: 300,
        events: {
            input: {
                focus: (event) => {
                    autoCompleteJS.input.select();
                },
                click: (event) => {
                    autoCompleteJS.input.select();
                },
                keydown: function(event) {
                    var t = autoCompleteJS,
                        current = t.cursor,
                        list = t.list.children,
                        total = t.list.childElementCount;
                    switch (event.keyCode) {
                        //keyDown
                        case 40:
                            if(t.data.store.length){
                                if(t.cursor > -1){
                                    let element = document.getElementById(list[t.cursor].id);
                                    if(element === null){
                                        break;
                                    }
                                    element.classList.remove("bg-gray-300");   
                                }
                                t.cursor < total-1 ? t.cursor += 1 : t.cursor = 0;
                                
                                if(document.getElementById(list[t.cursor].id) !== null){
                                    document.getElementById(list[t.cursor].id).classList.add("bg-gray-300");
                                }
                                
                                //console.log(list[t.cursor].id);
                                autoCompleteJS.input.value = list[t.cursor].innerText;
                            }
                            break;
                        //keyUp
                        case 38:
                            if(t.data.store.length){
                                if(t.cursor > -1){
                                    let element = document.getElementById(list[t.cursor].id);
                                    if(element === null){
                                        break;
                                    }
                                    element.classList.remove("bg-gray-300");   
                                }
                                t.cursor > 0 ? t.cursor -= 1 : t.cursor = total-1;
                                
                                if(document.getElementById(list[t.cursor].id) !== null){
                                    document.getElementById(list[t.cursor].id).classList.add("bg-gray-300");
                                }
                                
                                //console.log(list[t.cursor].id);
                                autoCompleteJS.input.value = list[t.cursor].innerText;
                            }
                            break;
                        //enter
                        case 13:
                            console.log(event);
                            console.log(t);
                            console.log("teste");
                            break;
                        //delete
                        case 9:
                            console.log(event);
                            console.log(t);
                            break;
                        //esc
                        case 27:
                            console.log(event);
                            console.log(t);
                    }
                }
            },
            list: {
                click: (event) => {
                    console.log(event);
                    var clicked = event.target.innerText;
                    autoCompleteJS.input.value = clicked;
                    autoCompleteJS.input.form.submit();
                }
            }
        }
    });
    }
    
    // Check if an element currently exists
    if ($('#search-mobile').length)
    {
        //AutoComplete para Mobile
        const autoCompleteJSMobile = new autoComplete ({
        placeHolder: "Pesquisar Produto",
        selector: "#search-mobile",
        data: {
            src: async (query) => {
              try {
                // Fetch Data from external Source
                const source = await fetch(`/services/suggest?q=${query}`);
                // Data is array of `Objects` | `Strings`
                const data = await source.json();
                
                var response = [];
                if(data !== null){
                    response = data["response"]["docs"];
                }
                console.log(response);
                return response;
              } catch (error) {
                return error;
              }
            },
            // Data 'Object' key to be searched
            keys: ["produtoModelo"]
        },
        resultsList : {
            noResults: true,
            element: (list, data) => {
                if (!data.results.length) {
                    // Create "No Results" message element
                    const message = document.createElement("div");
                    // Add class to the created element
                    message.setAttribute("class", "no_result");
                    // Add message text content
                    message.innerHTML = `<span>Nenhuma sugestão para <b>"${data.query}"<b></span>`;
                    // Append message element to the results list
                    list.prepend(message);
                }
            },
            class: "absolute w-full z-20 bg-white mt-2 divide-y rounded-md p-3 shadow-md text-gray-900"  
        },
        searchEngine: (query, record) => {
            query = query.trim().replace(/\s\s+/g, ' ');
            
            var list = query.toLowerCase().split(" "),
                search = record.normalize("NFD").replace(/[\u0300-\u036f]/g, ""),
                found = list.every(item => search.toLowerCase().includes(item.normalize("NFD").replace(/[\u0300-\u036f]/g, "")));
                
            if(found){
                for(let i = 0; i < list.length; i++){
                    var item  = list[i],
                        words = record.toLowerCase().split(" "),
                        records = record.split(" "),
                        regex = null;

                    if(words.indexOf(item) !== -1){
                        records[words.indexOf(item)] = "<mark>"+records[words.indexOf(item)]+"</mark>"
                        record = records.join(" ");
                    }else{
                        words = search.toLowerCase().split(" ");
                        if(words.indexOf(item) !== -1){
                            records[words.indexOf(item)] = "<mark>"+records[words.indexOf(item)]+"</mark>"
                            record = records.join(" ");
                        }else{
                            regex = new RegExp(item, "ig");
                            record = record.replace( regex, (match) => { return "<mark>" + match + "</mark>" } );
                        }
                    }
                    //var regex = new RegExp(item, "ig");
                    //record = record.replace( regex, (match) => { return "<mark>" + match + "</mark>" } );
                }
                return record;   
            }
        },
        diacritics: true,
        resultItem: {
            highlight: true,
            class: "suggestion flex justify-start space-x-4 items-center p-2 hover:bg-gray-300 cursor-pointer",
            element: (item, data) => {
                const img  = document.createElement("img");
                const text = document.createElement("span");
                
                img.setAttribute("src", data.value.produtoImagem.pequena);
                img.setAttribute("class", "w-8 justify-self-end rounded-md");
                
                text.innerHTML = item.innerHTML;
                
                item.innerHTML = "";
                item.appendChild(img);
                item.appendChild(text);
            }
        },
        debounce: 300,
        events: {
            input: {
                selection: (event) => {
                    const selection = event.detail.selection.value;
                    autoCompleteJS.input.value = selection;
                },
                click: (event) => {
                    // alert("Input Field in click!");
                    autoCompleteJSMobile.input.select();
                },
                keydown: function(event) {
                    var t = autoCompleteJSMobile,
                        current = t.cursor,
                        list = t.list.children,
                        total = t.list.childElementCount;
                    switch (event.keyCode) {
                        //keyDown
                        case 40:
                            if(t.data.store.length){
                                if(t.cursor > -1){
                                    let element = document.getElementById(list[t.cursor].id);
                                    if(element === null){
                                        break;
                                    }
                                    element.classList.remove("bg-gray-300");   
                                }
                                t.cursor < total-1 ? t.cursor += 1 : t.cursor = 0;
                                
                                if(document.getElementById(list[t.cursor].id) !== null){
                                    document.getElementById(list[t.cursor].id).classList.add("bg-gray-300");
                                }
                                
                                //console.log(list[t.cursor].id);
                                autoCompleteJS.input.value = list[t.cursor].innerText;
                            }
                            break;
                        //keyUp
                        case 38:
                            if(t.data.store.length){
                                if(t.cursor > -1){
                                    let element = document.getElementById(list[t.cursor].id);
                                    if(element === null){
                                        break;
                                    }
                                    element.classList.remove("bg-gray-300");   
                                }
                                t.cursor > 0 ? t.cursor -= 1 : t.cursor = total-1;
                                
                                if(document.getElementById(list[t.cursor].id) !== null){
                                    document.getElementById(list[t.cursor].id).classList.add("bg-gray-300");
                                }
                                
                                //console.log(list[t.cursor].id);
                                autoCompleteJS.input.value = list[t.cursor].innerText;
                            }
                            break;
                        //enter
                        case 13:
                            console.log(event);
                            console.log(t);
                            break;
                        //delete
                        case 9:
                            console.log(event);
                            console.log(t);
                            break;
                        //esc
                        case 27:
                            console.log(event);
                            console.log(t);
                    }
                }
            },
            list: {
                click: (event) => {
                    //console.log(event);
                    var clicked = event.target.innerText;
                    autoCompleteJSMobile.input.value = clicked;
                    autoCompleteJSMobile.input.form.submit();
                }
            }
        }
    });
    }
</script>

<script type="text/javascript">
    
    $("#select-transporter").selectize({
      valueField: "transportadoraID",
      labelField: "transportadoraNome",
      searchField: "transportadoraNome",
      inputClass: "selectize-custom-input rounded bg-white text-gray-700 p-4 flex last:bg-red-500",
      loadingClass: 'loading',
      create: false,
      render: {
        option: function (item, escape) {
          return (
              '<div class="p-4 hover:bg-gray-100 border border-gray-100" _="on click remove .hidden from #loading">'+
              '<span>'+escape(item.transportadoraNome)+'<span>'+
              '</div>'
            );
        },
      },
      load: function (query, callback) {
        if (!query.length) return callback();
        $.ajax({
          url: "/services/transporters?q=" + encodeURIComponent(query),
          dataType: 'json',
          type: "GET",
          error: function () {
            callback();
          },
          success: function (res) {
            console.log("response", res);
            callback(res.hits.slice(0, 10));
            
          },
        });
      },
      onChange: function (value) {
        // console.log('Valor Novo: ', value);
        if(value !== ''){
            $.ajax({
              url: "/checkout/update",
              dataType: 'json',
              type: "POST",
              data: {
                transporte_id: value
              },
              success: function (res) {
                console.log("response", res);
              },
            });   
        }
      }
    });
</script>


<script>
function onClick(e) {
e.preventDefault();
grecaptcha.ready(function() {
  grecaptcha.execute('6Lffe1MdAAAAALNl_DqF9-ByFDjRL_-HBqwwpn5I', {action: 'submit'}).then(function(token) {
      // Add your logic to submit to your backend server here.
  });
});
}


</script>

     </div>
  </body>
  
    <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-899BH30JVM"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
  
    gtag('config', 'G-899BH30JVM');
  </script>
  </html>